/**
 * Sitekin CSS Framework
 *
 * Version 1.1
 *
 * Core reset stylesheet
 *
 * Don't make any changes in this file!
 *
 * @copyright       Copyright 2011
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  text-align: left;
}
fieldset,
img {
  border: 0;
}
li {
  list-style: none;
}
code {
  font: inherit;
}
:focus {
  outline: 0;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
  *font-size: 100%;
}
/* Remove special stylesheet in firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  padding: 0;
}
/* Less elements
------------------------------------------------------*/
/* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/
------------------------------------------------------*/
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/*
[Contents]

	0- Global
	1- Links
	2- Content(For tinymce)
	3- Fontface
*/
/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
.hide {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
/* Color
------------------------------------------------------*/
/* Text
------------------------------------------------------*/
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-red {
  color: #d32b28 !important;
}
.text-green {
  color: #5ba52e !important;
}
.text-light-blue {
  color: #009ad7 !important;
}
/* Clearfix
------------------------------------------------------*/
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
/* for IE6 */
*html .clearfix {
  zoom: 1;
}
/* for IE7 */
* + html .clearfix {
  zoom: 1;
}
/* =1 Links
---------------------------------------------------------------------------------------------------------------------*/
a {
  color: #0078B1;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
a.action {
  display: inline-block;
}
a.action .icon {
  display: block;
}
a.action.hide {
  display: none;
}
a.upload-link {
  position: relative;
}
a.upload-link span {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  filter: alpha(opacity = 0);
  opacity: 0;
}
a.upload-link input {
  cursor: pointer;
  font-size: 32px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
/* =2 Content(For Tinymce)
---------------------------------------------------------------------------------------------------------------------*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-weight: 700;
  margin-bottom: 15px;
}
.content h1 {
  font-size: 2em;
}
.content h2 {
  font-size: 1.5em;
}
.content h3 {
  font-size: 1.17em;
}
.content h4 {
  font-size: 1em;
}
.content h5 {
  font-size: 0.83em;
}
.content h6 {
  font-size: 0.75em;
}
.content p {
  margin-bottom: 10px;
}
.content pre {
  padding: 8px;
}
.content ol,
.content ul {
  margin-bottom: 10px;
  padding-left: 20px;
}
.content ol li {
  list-style: decimal outside;
}
.content ul li {
  list-style: disc outside;
}
/* =3 Fontface
---------------------------------------------------------------------------------------------------------------------*/
/* Segoe UI
---------------------------------------------------------*/
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 300;
  src: local('Segoe UI Light'), local('SegoeUI-Light');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 400;
  src: local('Segoe UI'), local('SegoeUI');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 600;
  src: local('Segoe UI Semibold'), local('SegoeUI-Semibold');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 700;
  src: local('Segoe UI Bold'), local('SegoeUI-bold'), local('segoeuib');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 800;
  src: local('Segoe UI Black'), local('SegoeUI-black'), local('segoeuibl');
}
/* Open Sans
---------------------------------------------------------*/
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/opensans-light-webfont.eot');
  src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/opensans-regular-webfont.eot');
  src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-Regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/opensans-semibold-webfont.eot');
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/opensans-bold-webfont.eot');
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/opensans-extrabold-webfont.eot');
  src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-extrabold-webfont.woff') format('woff'), url('fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('fonts/opensans-extrabold-webfont.svg#OpenSans') format('svg');
}
/* =4 Tinymce
---------------------------------------------------------------------------------------------------------------------*/
body div.mce-fullscreen {
  top: 40px;
  z-index: 99999;
}
body.in-dialog div.mce-fullscreen {
  top: 0;
}
body .mce-panel {
  background: #F6F6F6;
  border-color: #BABABA;
}
body .mce-path {
  line-height: 1;
  padding: 4px;
}
body .mce-path-item {
  font-size: 12px;
  line-height: 1;
}
body .mce-btn-group {
  border-left: 1px solid #DDD;
  margin-left: 4px;
  padding-left: 4px;
}
body .mce-btn-group.mce-first {
  border: none;
  padding-left: 0;
}
.mce-btn button {
  min-width: 0;
}
body .mce-btn {
  background: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .mce-btn-group .mce-btn.mce-disabled,
body .mce-btn-group .mce-btn.mce-disabled:hover {
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .mce-btn-group .mce-btn.mce-disabled button {
  cursor: not-allowed;
}
body .mce-btn-group .mce-first,
body .mce-btn-group .mce-last {
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .mce-btn:hover,
body .mce-btn:focus,
body .mce-btn-group .mce-btn:hover,
body .mce-btn-group .mce-btn:focus {
  background: #D5E1F2;
}
body .mce-btn-group .mce-splitbtn:hover,
body .mce-btn-group .mce-splitbtn:focus {
  background: none;
}
body .mce-splitbtn button {
  border: 1px solid transparent;
  padding: 2px 3px 2px 4px;
}
body .mce-splitbtn .mce-open {
  border: 1px solid transparent;
  padding: 2px 2px 3px;
}
body .mce-splitbtn button:hover {
  background: #D5E1F2;
}
body .mce-splitbtn:hover button,
body .mce-splitbtn:hover .mce-open {
  border-color: #D5E1F2;
}
body .mce-btn.mce-active,
body .mce-btn.mce-active:hover,
body .mce-btn:active,
body .mce-btn-group .mce-btn.mce-active,
body .mce-btn-group .mce-btn.mce-active:hover,
body .mce-btn-group .mce-btn:active {
  background: #C2D5F2;
  border-color: #C2D5F2;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .mce-splitbtn .mce-open.mce-active {
  background: #C2D5F2;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .mce-menu {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  padding: 0;
}
body .mce-menu-item.mce-active {
  background: #C2D5F2;
}
body .mce-menu-item:hover,
body .mce-menu-item.mce-selected,
body .mce-menu-item:focus {
  background: #D5E1F2;
}
body .mce-menu-item.mce-selected .mce-caret,
body .mce-menu-item:focus .mce-caret {
  border-left-color: #333;
}
body .mce-menu-item:hover .mce-ico,
body .mce-menu-item.mce-selected .mce-ico,
body .mce-menu-item:focus .mce-ico {
  color: #333;
}
body .mce-menu-item:hover .mce-text,
body .mce-menu-item.mce-selected .mce-text,
body .mce-menu-item:focus .mce-text {
  color: #333;
}
/* MCE dialog
----------------------------------------------------------*/
body .mce-window {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .mce-window-head .mce-close {
  min-width: 0;
}
body .mce-window .mce-btn {
  background: #CCC;
}
body .mce-window .mce-primary {
  background: #0078B1;
}
body .mce-window .mce-menubtn {
  background: #E1E1E1;
}
body .mce-textbox,
body .mce-combobox.mce-has-open input {
  border-color: #BABABA;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .mce-textbox:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .mce-combobox .mce-btn {
  background: #E1E1E1;
  border: 1px solid #BABABA;
  border-left: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body i.mce-i-checkbox {
  background: #FFF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* In dialog */
body.in-dialog .mce-window {
  bottom: 0;
  height: auto !important;
  left: 0 !important;
  right: 0;
  top: -40px !important;
  width: auto !important;
}
body.in-dialog .mce-container-body.mce-abs-layout {
  height: 450px !important;
}
body.in-dialog .mce-textbox.mce-multiline {
  height: 400px !important;
}
body.in-dialog .mce-foot {
  right: 0;
  width: auto !important;
}
/* Icons
----------------------------------------------------------*/
.mce-ico.mce-i-insertPage {
  background-image: url(images/icon-insert-page.png);
}
/* Basic UI */
/* Buttons
------------------------------------------------------*/
.button {
  background: #0078b1;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1.42857;
  min-width: 100px;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  /* Color */
  /* Size */
  /* Upload */
  /* Icon position fix */
}
.button:hover,
.button.active {
  background: #006798;
}
.button.disabled {
  background: #0078b1;
  color: #FFF;
  cursor: not-allowed;
}
.button.gray {
  background: #cccccc;
  color: #000;
}
.button.gray:hover,
.button.gray.active {
  background: #bfbfbf;
}
.button.gray.disabled {
  background: #d9d9d9;
  color: #666;
}
.button.light-gray {
  background: #eeeeee;
  color: #000;
}
.button.light-gray:hover,
.button.light-gray.active {
  background: #e1e1e1;
}
.button.light-gray.disabled {
  background: #eeeeee;
  color: #666;
}
.button.white {
  background: #FFF;
  color: #333;
}
.button.white:hover,
.button.white.active {
  background: #f2f2f2;
}
.button.white.disabled {
  background: #FFF;
  color: #666;
}
.button.medium {
  font-size: 16px;
  padding: 7px 15px;
}
.button.upload {
  position: relative;
}
.button.upload span {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.button.upload input {
  cursor: pointer;
  font-size: 32px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
.button.upload.disabled input {
  cursor: not-allowed;
}
.button.dropdown {
  padding: 0 30px 0 10px;
  position: relative;
}
.button.dropdown span {
  display: block;
}
.button.dropdown .button {
  border-right: 1px solid #fff;
  color: inherit;
  display: block;
  margin-left: -10px;
  position: relative;
  z-index: 2;
}
.button.dropdown .trigger {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.button.dropdown .sprite {
  position: absolute;
  right: 11px;
  top: 11px;
  background: url(images/sprites.png) no-repeat 0 -238px;
  width: 8px;
  height: 6px;
}
.button.dropdown.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -304px;
  width: 8px;
  height: 6px;
}
.button.dropdown ul {
  background: #FFF;
  border: 1px solid #DDD;
  cursor: default;
  display: none;
  font-size: 12px;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 32px;
  z-index: 999;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button.dropdown ul li {
  color: #999;
  cursor: not-allowed;
  font-style: italic;
  line-height: 30px;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
}
.button.dropdown ul li a {
  color: #000;
  display: block;
  font-style: normal;
  margin: 0 -10px;
  padding: 0 10px;
}
.button.dropdown ul li a:hover {
  background: #DDD;
}
.button.dropdown.only-icon {
  height: auto;
  line-height: 0;
  min-width: 0;
  padding: 0;
}
.button.dropdown.only-icon ul {
  margin-top: 4px;
  top: auto;
}
.button.dropdown-toggle {
  min-width: 0;
}
.button .icon.chevron-down-white,
.button .icon.chevron-up-white {
  margin-bottom: 2px;
}
/* Button group
------------------------------------------------------*/
.button-group {
  display: inline-block;
  position: relative;
  *zoom: 1;
}
.button-group:before,
.button-group:after {
  content: "";
  display: table;
}
.button-group:after {
  clear: both;
}
.button-group .button {
  float: left;
  min-width: 0;
}
.button-group .button:not(:first-child) {
  border-left: 1px solid #FFF;
}
/* Dropdown menu
------------------------------------------------------*/
.dropdown-menu {
  background: #FFF;
  border: 1px solid #DDD;
  cursor: default;
  display: none;
  font-size: 12px;
  left: 0;
  margin-top: 4px;
  min-width: 100%;
  position: absolute;
  top: 100%;
  z-index: 999;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdown-menu li {
  color: #999;
  cursor: not-allowed;
  font-style: italic;
  line-height: 30px;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
}
.dropdown-menu li a {
  color: #000;
  display: block;
  font-style: normal;
  margin: 0 -10px;
  padding: 0 10px;
}
.dropdown-menu li a:hover {
  background: #DDD;
}
/* Form button
------------------------------------------------------*/
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border: none;
  background: #0078b1;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1.42857;
  min-width: 100px;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  /* Color */
  /* Size */
  /* Upload */
  /* Icon position fix */
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button.active,
input[type="submit"].active,
input[type="reset"].active,
input[type="button"].active {
  background: #006798;
}
button.disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
input[type="button"].disabled {
  background: #0078b1;
  color: #FFF;
  cursor: not-allowed;
}
button.gray,
input[type="submit"].gray,
input[type="reset"].gray,
input[type="button"].gray {
  background: #cccccc;
  color: #000;
}
button.gray:hover,
input[type="submit"].gray:hover,
input[type="reset"].gray:hover,
input[type="button"].gray:hover,
button.gray.active,
input[type="submit"].gray.active,
input[type="reset"].gray.active,
input[type="button"].gray.active {
  background: #bfbfbf;
}
button.gray.disabled,
input[type="submit"].gray.disabled,
input[type="reset"].gray.disabled,
input[type="button"].gray.disabled {
  background: #d9d9d9;
  color: #666;
}
button.light-gray,
input[type="submit"].light-gray,
input[type="reset"].light-gray,
input[type="button"].light-gray {
  background: #eeeeee;
  color: #000;
}
button.light-gray:hover,
input[type="submit"].light-gray:hover,
input[type="reset"].light-gray:hover,
input[type="button"].light-gray:hover,
button.light-gray.active,
input[type="submit"].light-gray.active,
input[type="reset"].light-gray.active,
input[type="button"].light-gray.active {
  background: #e1e1e1;
}
button.light-gray.disabled,
input[type="submit"].light-gray.disabled,
input[type="reset"].light-gray.disabled,
input[type="button"].light-gray.disabled {
  background: #eeeeee;
  color: #666;
}
button.white,
input[type="submit"].white,
input[type="reset"].white,
input[type="button"].white {
  background: #FFF;
  color: #333;
}
button.white:hover,
input[type="submit"].white:hover,
input[type="reset"].white:hover,
input[type="button"].white:hover,
button.white.active,
input[type="submit"].white.active,
input[type="reset"].white.active,
input[type="button"].white.active {
  background: #f2f2f2;
}
button.white.disabled,
input[type="submit"].white.disabled,
input[type="reset"].white.disabled,
input[type="button"].white.disabled {
  background: #FFF;
  color: #666;
}
button.medium,
input[type="submit"].medium,
input[type="reset"].medium,
input[type="button"].medium {
  font-size: 16px;
  padding: 7px 15px;
}
button.upload,
input[type="submit"].upload,
input[type="reset"].upload,
input[type="button"].upload {
  position: relative;
}
button.upload span,
input[type="submit"].upload span,
input[type="reset"].upload span,
input[type="button"].upload span {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  filter: alpha(opacity = 0);
  opacity: 0;
}
button.upload input,
input[type="submit"].upload input,
input[type="reset"].upload input,
input[type="button"].upload input {
  cursor: pointer;
  font-size: 32px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
button.upload.disabled input,
input[type="submit"].upload.disabled input,
input[type="reset"].upload.disabled input,
input[type="button"].upload.disabled input {
  cursor: not-allowed;
}
button.dropdown,
input[type="submit"].dropdown,
input[type="reset"].dropdown,
input[type="button"].dropdown {
  padding: 0 30px 0 10px;
  position: relative;
}
button.dropdown span,
input[type="submit"].dropdown span,
input[type="reset"].dropdown span,
input[type="button"].dropdown span {
  display: block;
}
button.dropdown .button,
input[type="submit"].dropdown .button,
input[type="reset"].dropdown .button,
input[type="button"].dropdown .button {
  border-right: 1px solid #fff;
  color: inherit;
  display: block;
  margin-left: -10px;
  position: relative;
  z-index: 2;
}
button.dropdown .trigger,
input[type="submit"].dropdown .trigger,
input[type="reset"].dropdown .trigger,
input[type="button"].dropdown .trigger {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
button.dropdown .sprite,
input[type="submit"].dropdown .sprite,
input[type="reset"].dropdown .sprite,
input[type="button"].dropdown .sprite {
  position: absolute;
  right: 11px;
  top: 11px;
  background: url(images/sprites.png) no-repeat 0 -238px;
  width: 8px;
  height: 6px;
}
button.dropdown.active .sprite,
input[type="submit"].dropdown.active .sprite,
input[type="reset"].dropdown.active .sprite,
input[type="button"].dropdown.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -304px;
  width: 8px;
  height: 6px;
}
button.dropdown ul,
input[type="submit"].dropdown ul,
input[type="reset"].dropdown ul,
input[type="button"].dropdown ul {
  background: #FFF;
  border: 1px solid #DDD;
  cursor: default;
  display: none;
  font-size: 12px;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 32px;
  z-index: 999;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
button.dropdown ul li,
input[type="submit"].dropdown ul li,
input[type="reset"].dropdown ul li,
input[type="button"].dropdown ul li {
  color: #999;
  cursor: not-allowed;
  font-style: italic;
  line-height: 30px;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
}
button.dropdown ul li a,
input[type="submit"].dropdown ul li a,
input[type="reset"].dropdown ul li a,
input[type="button"].dropdown ul li a {
  color: #000;
  display: block;
  font-style: normal;
  margin: 0 -10px;
  padding: 0 10px;
}
button.dropdown ul li a:hover,
input[type="submit"].dropdown ul li a:hover,
input[type="reset"].dropdown ul li a:hover,
input[type="button"].dropdown ul li a:hover {
  background: #DDD;
}
button.dropdown.only-icon,
input[type="submit"].dropdown.only-icon,
input[type="reset"].dropdown.only-icon,
input[type="button"].dropdown.only-icon {
  height: auto;
  line-height: 0;
  min-width: 0;
  padding: 0;
}
button.dropdown.only-icon ul,
input[type="submit"].dropdown.only-icon ul,
input[type="reset"].dropdown.only-icon ul,
input[type="button"].dropdown.only-icon ul {
  margin-top: 4px;
  top: auto;
}
button.dropdown-toggle,
input[type="submit"].dropdown-toggle,
input[type="reset"].dropdown-toggle,
input[type="button"].dropdown-toggle {
  min-width: 0;
}
button .icon.chevron-down-white,
input[type="submit"] .icon.chevron-down-white,
input[type="reset"] .icon.chevron-down-white,
input[type="button"] .icon.chevron-down-white,
button .icon.chevron-up-white,
input[type="submit"] .icon.chevron-up-white,
input[type="reset"] .icon.chevron-up-white,
input[type="button"] .icon.chevron-up-white {
  margin-bottom: 2px;
}
/* Switcher button
------------------------------------------------------*/
.button-switcher {
  border: 1px solid #cccccc;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.button-switcher li {
  float: left;
}
.button-switcher li:first-child a {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.button-switcher li:last-child a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.button-switcher li.active a {
  background: #eeeeee;
  color: #000;
}
.button-switcher a {
  background: #FFF;
  color: #666;
  display: block;
  line-height: 26px;
  padding: 0 10px;
}
.button-switcher a:hover {
  color: #000;
}
.button-switcher a.disabled {
  background: #F9F9F9;
  color: #999;
  cursor: default;
}
.icon {
  background: url(images/sprites.png) no-repeat -999em -999em;
  display: inline-block;
}
.icon.add {
  background-position: 0 0;
  height: 26px;
  width: 26px;
}
.icon.angle-right-white {
  background-position: 0 -26px;
  height: 9px;
  width: 5px;
}
.icon.back {
  background-position: 0 -35px;
  height: 26px;
  width: 26px;
}
.icon.c-sharp {
  background-position: 0 -61px;
  height: 16px;
  width: 16px;
}
.icon.caret-down-black {
  background-position: 0 -77px;
  height: 4px;
  width: 7px;
}
.icon.caret-down-blue {
  background-position: 0 -81px;
  height: 9px;
  width: 19px;
}
.icon.caret-hollow-right-black {
  background-position: 0 -90px;
  height: 9px;
  width: 6px;
}
.icon.caret-hollow-right-gray {
  background-position: 0 -99px;
  height: 9px;
  width: 6px;
}
.icon.caret-rightbottom-black {
  background-position: 0 -108px;
  height: 6px;
  width: 6px;
}
.icon.caret-rightbottom-gray {
  background-position: 0 -114px;
  height: 6px;
  width: 6px;
}
.icon.caret-toggle {
  background-position: 0 -120px;
  height: 10px;
  width: 7px;
}
.icon.caret-up-black {
  background-position: 0 -130px;
  height: 4px;
  width: 7px;
}
.icon.checkbox-checked-disabled {
  background-position: 0 -134px;
  height: 15px;
  width: 15px;
}
.icon.checkbox-checked {
  background-position: 0 -149px;
  height: 15px;
  width: 15px;
}
.icon.checkbox-disabled {
  background-position: 0 -164px;
  height: 15px;
  width: 15px;
}
.icon.checkbox {
  background-position: 0 -179px;
  height: 15px;
  width: 15px;
}
.icon.chevron-circle-down {
  background-position: 0 -194px;
  height: 16px;
  width: 16px;
}
.icon.chevron-circle-up {
  background-position: 0 -210px;
  height: 16px;
  width: 16px;
}
.icon.chevron-down-black {
  background-position: 0 -226px;
  height: 6px;
  width: 8px;
}
.icon.chevron-down-gray {
  background-position: 0 -232px;
  height: 6px;
  width: 8px;
}
.icon.chevron-down-white {
  background-position: 0 -238px;
  height: 6px;
  width: 8px;
}
.icon.chevron-left-black {
  background-position: 0 -244px;
  height: 8px;
  width: 6px;
}
.icon.chevron-left-gray {
  background-position: 0 -252px;
  height: 8px;
  width: 6px;
}
.icon.chevron-left-white {
  background-position: 0 -260px;
  height: 8px;
  width: 6px;
}
.icon.chevron-right-black {
  background-position: 0 -268px;
  height: 8px;
  width: 6px;
}
.icon.chevron-right-gray {
  background-position: 0 -276px;
  height: 8px;
  width: 6px;
}
.icon.chevron-right-white {
  background-position: 0 -284px;
  height: 8px;
  width: 6px;
}
.icon.chevron-up-black {
  background-position: 0 -292px;
  height: 6px;
  width: 8px;
}
.icon.chevron-up-gray {
  background-position: 0 -298px;
  height: 6px;
  width: 8px;
}
.icon.chevron-up-white {
  background-position: 0 -304px;
  height: 6px;
  width: 8px;
}
.icon.clip {
  background-position: 0 -310px;
  height: 16px;
  width: 16px;
}
.icon.clock {
  background-position: 0 -326px;
  height: 16px;
  width: 16px;
}
.icon.cluster {
  background-position: 0 -342px;
  height: 16px;
  width: 17px;
}
.icon.colorbox {
  background-position: 0 -358px;
  height: 20px;
  width: 20px;
}
.icon.copy {
  background-position: 0 -378px;
  height: 16px;
  width: 16px;
}
.icon.cross-mini-black {
  background-position: 0 -394px;
  height: 8px;
  width: 8px;
}
.icon.cross-mini-white {
  background-position: 0 -402px;
  height: 8px;
  width: 8px;
}
.icon.cross-small-red {
  background-position: 0 -410px;
  height: 12px;
  width: 12px;
}
.icon.cross-white {
  background-position: 0 -422px;
  height: 14px;
  width: 14px;
}
.icon.delete {
  background-position: 0 -436px;
  height: 26px;
  width: 26px;
}
.icon.drag {
  background-position: 0 -462px;
  height: 18px;
  width: 6px;
}
.icon.edit-small {
  background-position: 0 -480px;
  height: 16px;
  width: 16px;
}
.icon.edit {
  background-position: 0 -496px;
  height: 26px;
  width: 26px;
}
.icon.export {
  background-position: 0 -522px;
  height: 26px;
  width: 26px;
}
.icon.file-doc {
  background-position: 0 -548px;
  height: 16px;
  width: 16px;
}
.icon.file-empty {
  background-position: 0 -564px;
  height: 16px;
  width: 16px;
}
.icon.file-image {
  background-position: 0 -580px;
  height: 16px;
  width: 16px;
}
.icon.flip-x {
  background-position: 0 -596px;
  height: 22px;
  width: 26px;
}
.icon.flip-y {
  background-position: 0 -618px;
  height: 26px;
  width: 22px;
}
.icon.folder-add {
  background-position: 0 -644px;
  height: 26px;
  width: 26px;
}
.icon.folder-blue {
  background-position: 0 -670px;
  height: 13px;
  width: 16px;
}
.icon.folder-white {
  background-position: 0 -683px;
  height: 13px;
  width: 16px;
}
.icon.global-small {
  background-position: 0 -696px;
  height: 12px;
  width: 13px;
}
.icon.grid-gray {
  background-position: 0 -708px;
  height: 14px;
  width: 20px;
}
.icon.grid-white {
  background-position: 0 -722px;
  height: 14px;
  width: 20px;
}
.icon.home-gray {
  background-position: 0 -736px;
  height: 14px;
  width: 32px;
}
.icon.home-white {
  background-position: 0 -750px;
  height: 14px;
  width: 32px;
}
.icon.import {
  background-position: 0 -764px;
  height: 26px;
  width: 26px;
}
.icon.info-blue {
  background-position: 0 -790px;
  height: 16px;
  width: 16px;
}
.icon.info-gray {
  background-position: 0 -806px;
  height: 16px;
  width: 16px;
}
.icon.inline-edit {
  background-position: 0 -822px;
  height: 16px;
  width: 16px;
}
.icon.input {
  background-position: 0 -838px;
  height: 26px;
  width: 26px;
}
.icon.insert-page {
  background-position: 0 -864px;
  height: 16px;
  width: 16px;
}
.icon.insert-text {
  background-position: 0 -880px;
  height: 16px;
  width: 16px;
}
.icon.insert {
  background-position: 0 -896px;
  height: 16px;
  width: 16px;
}
.icon.layout {
  background-position: 0 -912px;
  height: 12px;
  width: 14px;
}
.icon.list-gray {
  background-position: 0 -924px;
  height: 14px;
  width: 17px;
}
.icon.list-white {
  background-position: 0 -938px;
  height: 14px;
  width: 17px;
}
.icon.localize {
  background-position: 0 -952px;
  height: 26px;
  width: 26px;
}
.icon.media-library {
  background-position: 0 -978px;
  height: 15px;
  width: 15px;
}
.icon.minus-black {
  background-position: 0 -993px;
  height: 14px;
  width: 14px;
}
.icon.minus-mini {
  background-position: 0 -1007px;
  height: 11px;
  width: 11px;
}
.icon.minus-small {
  background-position: 0 -1018px;
  height: 16px;
  width: 16px;
}
.icon.minus-white {
  background-position: 0 -1034px;
  height: 14px;
  width: 14px;
}
.icon.minus {
  background-position: 0 -1048px;
  height: 28px;
  width: 28px;
}
.icon.module {
  background-position: 0 -1076px;
  height: 12px;
  width: 12px;
}
.icon.new-tag-blue {
  background-position: 0 -1088px;
  height: 16px;
  width: 16px;
}
.icon.new-tag-small-blue {
  background-position: 0 -1104px;
  height: 9px;
  width: 9px;
}
.icon.next-small {
  background-position: 0 -1113px;
  height: 16px;
  width: 16px;
}
.icon.next {
  background-position: 0 -1129px;
  height: 26px;
  width: 26px;
}
.icon.page-ab-testing {
  background-position: 0 -1155px;
  height: 17px;
  width: 17px;
}
.icon.page-inherited {
  background-position: 0 -1172px;
  height: 17px;
  width: 17px;
}
.icon.page-static {
  background-position: 0 -1189px;
  height: 17px;
  width: 17px;
}
.icon.page-unsynchronized {
  background-position: 0 -1206px;
  height: 17px;
  width: 17px;
}
.icon.plus-black {
  background-position: 0 -1223px;
  height: 14px;
  width: 14px;
}
.icon.plus-mini {
  background-position: 0 -1237px;
  height: 11px;
  width: 11px;
}
.icon.plus-small {
  background-position: 0 -1248px;
  height: 16px;
  width: 16px;
}
.icon.plus-white {
  background-position: 0 -1264px;
  height: 14px;
  width: 14px;
}
.icon.plus {
  background-position: 0 -1278px;
  height: 28px;
  width: 28px;
}
.icon.preview {
  background-position: 0 -1306px;
  height: 26px;
  width: 26px;
}
.icon.profile {
  background-position: 0 -1332px;
  height: 12px;
  width: 11px;
}
.icon.radio-checked-disabled {
  background-position: 0 -1344px;
  height: 14px;
  width: 14px;
}
.icon.radio-checked {
  background-position: 0 -1358px;
  height: 14px;
  width: 14px;
}
.icon.radio-disabled {
  background-position: 0 -1372px;
  height: 14px;
  width: 14px;
}
.icon.radio {
  background-position: 0 -1386px;
  height: 14px;
  width: 14px;
}
.icon.redo-blue {
  background-position: 0 -1400px;
  height: 13px;
  width: 15px;
}
.icon.redo-gray {
  background-position: 0 -1413px;
  height: 13px;
  width: 15px;
}
.icon.refresh-blue {
  background-position: 0 -1426px;
  height: 12px;
  width: 15px;
}
.icon.refresh-gray {
  background-position: 0 -1438px;
  height: 12px;
  width: 15px;
}
.icon.relation {
  background-position: 0 -1450px;
  height: 26px;
  width: 26px;
}
.icon.reset {
  background-position: 0 -1476px;
  height: 26px;
  width: 26px;
}
.icon.rotate-anti {
  background-position: 0 -1502px;
  height: 20px;
  width: 20px;
}
.icon.rotate {
  background-position: 0 -1522px;
  height: 20px;
  width: 20px;
}
.icon.save-small {
  background-position: 0 -1542px;
  height: 16px;
  width: 16px;
}
.icon.save {
  background-position: 0 -1558px;
  height: 26px;
  width: 26px;
}
.icon.search {
  background-position: 0 -1584px;
  height: 14px;
  width: 14px;
}
.icon.secure {
  background-position: 0 -1598px;
  height: 26px;
  width: 26px;
}
.icon.select-blue {
  background-position: 0 -1624px;
  height: 18px;
  width: 17px;
}
.icon.select-gray {
  background-position: 0 -1642px;
  height: 18px;
  width: 17px;
}
.icon.send {
  background-position: 0 -1660px;
  height: 26px;
  width: 26px;
}
.icon.setting-small-gray {
  background-position: 0 -1686px;
  height: 12px;
  width: 12px;
}
.icon.setting-small {
  background-position: 0 -1698px;
  height: 12px;
  width: 12px;
}
.icon.setting {
  background-position: 0 -1710px;
  height: 26px;
  width: 26px;
}
.icon.signout {
  background-position: 0 -1736px;
  height: 12px;
  width: 12px;
}
.icon.slider-button {
  background-position: 0 -1748px;
  height: 16px;
  width: 16px;
}
.icon.sort-asc {
  background-position: 0 -1764px;
  height: 11px;
  width: 8px;
}
.icon.sort-desc {
  background-position: 0 -1775px;
  height: 11px;
  width: 8px;
}
.icon.status-error {
  background-position: 0 -1786px;
  height: 9px;
  width: 9px;
}
.icon.status-normal {
  background-position: 0 -1795px;
  height: 19px;
  width: 19px;
}
.icon.status-off {
  background-position: 0 -1814px;
  height: 9px;
  width: 9px;
}
.icon.status-on {
  background-position: 0 -1823px;
  height: 9px;
  width: 9px;
}
.icon.status-warning {
  background-position: 0 -1832px;
  height: 9px;
  width: 9px;
}
.icon.switch {
  background-position: 0 -1841px;
  height: 28px;
  width: 28px;
}
.icon.tick {
  background-position: 0 -1869px;
  height: 12px;
  width: 14px;
}
.icon.trash-blue {
  background-position: 0 -1881px;
  height: 16px;
  width: 16px;
}
.icon.trash {
  background-position: 0 -1897px;
  height: 26px;
  width: 26px;
}
.icon.triangle-down-black {
  background-position: 0 -1923px;
  height: 12px;
  width: 11px;
}
.icon.triangle-right-black {
  background-position: 0 -1935px;
  height: 11px;
  width: 12px;
}
.icon.undo-blue {
  background-position: 0 -1946px;
  height: 13px;
  width: 15px;
}
.icon.undo-gray {
  background-position: 0 -1959px;
  height: 13px;
  width: 15px;
}
.icon.upload {
  background-position: 0 -1972px;
  height: 26px;
  width: 26px;
}
.icon.uploads {
  background-position: 0 -1998px;
  height: 26px;
  width: 26px;
}
.icon.users {
  background-position: 0 -2024px;
  height: 12px;
  width: 16px;
}
.icon.warning-small {
  background-position: 0 -2036px;
  height: 12px;
  width: 12px;
}
.icon.warning {
  background-position: 0 -2048px;
  height: 24px;
  width: 28px;
}
.icon.widget-1col-image {
  background-position: 0 -2072px;
  height: 40px;
  width: 40px;
}
.icon.widget-1col-text {
  background-position: 0 -2112px;
  height: 40px;
  width: 40px;
}
.icon.widget-2col-image-text {
  background-position: 0 -2152px;
  height: 40px;
  width: 40px;
}
.icon.widget-2col-image {
  background-position: 0 -2192px;
  height: 40px;
  width: 40px;
}
.icon.widget-2col-text {
  background-position: 0 -2232px;
  height: 40px;
  width: 40px;
}
.icon.widget-3col-image-text {
  background-position: 0 -2272px;
  height: 40px;
  width: 40px;
}
.icon.widget-3col-image {
  background-position: 0 -2312px;
  height: 40px;
  width: 40px;
}
.icon.widget-3col-text {
  background-position: 0 -2352px;
  height: 40px;
  width: 40px;
}
.icon.widget-image-text {
  background-position: 0 -2392px;
  height: 40px;
  width: 40px;
}
.icon.widget-text-image {
  background-position: 0 -2432px;
  height: 40px;
  width: 40px;
}
.icon.zoom-in {
  background-position: 0 -2472px;
  height: 16px;
  width: 16px;
}
.icon.zoom-out {
  background-position: 0 -2488px;
  height: 16px;
  width: 16px;
}
/* Columns
----------------------------------------------------------*/
.columns {
  display: block;
  width: 102.08333333%;
  margin: 0 -1.04166667%;
  *zoom: 1;
}
.columns:before,
.columns:after {
  content: "";
  display: table;
}
.columns:after {
  clear: both;
}
.columns .span0_5 {
  display: inline;
  float: left;
  width: 2.08333333%;
  margin: 0 1.04166667%;
}
.columns .span1 {
  display: inline;
  float: left;
  width: 6.25%;
  margin: 0 1.04166667%;
}
.columns .span2 {
  display: inline;
  float: left;
  width: 14.58333333%;
  margin: 0 1.04166667%;
}
.columns .span2_875 {
  display: inline;
  float: left;
  width: 21.875%;
  margin: 0 1.04166667%;
}
.columns .span3 {
  display: inline;
  float: left;
  width: 22.91666667%;
  margin: 0 1.04166667%;
}
.columns .span4 {
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.04166667%;
}
.columns .span5 {
  display: inline;
  float: left;
  width: 39.58333333%;
  margin: 0 1.04166667%;
}
.columns .span5_5 {
  display: inline;
  float: left;
  width: 43.75%;
  margin: 0 1.04166667%;
}
.columns .span5_75 {
  display: inline;
  float: left;
  width: 45.83333333%;
  margin: 0 1.04166667%;
}
.columns .span6 {
  display: inline;
  float: left;
  width: 47.91666667%;
  margin: 0 1.04166667%;
}
.columns .span7 {
  display: inline;
  float: left;
  width: 56.25%;
  margin: 0 1.04166667%;
}
.columns .span8 {
  display: inline;
  float: left;
  width: 64.58333333%;
  margin: 0 1.04166667%;
}
.columns .span9 {
  display: inline;
  float: left;
  width: 72.91666667%;
  margin: 0 1.04166667%;
}
.columns .span10 {
  display: inline;
  float: left;
  width: 81.25%;
  margin: 0 1.04166667%;
}
.columns .span11 {
  display: inline;
  float: left;
  width: 89.58333333%;
  margin: 0 1.04166667%;
}
.columns .span12 {
  display: inline;
  float: left;
  width: 97.91666667%;
  margin: 0 1.04166667%;
}
/* Global
----------------------------------------------------------*/
.ui-corner-all,
.ui-corner-top {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-widget {
  font: inherit;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font: inherit;
}
/* Tabs
----------------------------------------------------------*/
.ui-tabs {
  background: none;
  border: none;
  padding: 0;
  position: static;
}
.ui-tabs .ui-tabs-nav {
  background: none;
  border: none;
  border-bottom: 1px solid #CCC;
  padding: 0 10px;
}
.ui-tabs .ui-tabs-nav li {
  background: none;
  border: none;
  margin: 0 8px 0 0;
  position: relative;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background: #FFF;
  border-color: #CCC;
  color: #555;
  cursor: default;
  font-weight: 400;
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav .button.dropdown {
  background: #E5E5E5;
  height: 37px;
  min-width: 0;
  padding: 0;
}
.ui-tabs .ui-tabs-nav .button.dropdown > span {
  line-height: 0;
  padding: 12px 14px;
}
.ui-tabs .ui-tabs-nav .button.dropdown ul {
  top: 100%;
}
.ui-tabs .ui-tabs-nav .button.dropdown ul li {
  float: none;
  margin: 0;
}
.ui-tabs .ui-tabs-nav .button.dropdown ul li a {
  float: none;
  text-align: left;
}
.ui-tabs .ui-tabs-anchor {
  border: 1px solid transparent;
  border-bottom: none;
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 36px;
  min-width: 100px;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.ui-tabs .ui-tabs-anchor .action {
  filter: alpha(opacity = 30);
  opacity: 0.3;
}
.ui-tabs .ui-tabs-anchor .action:hover {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.ui-tabs .ui-tabs-anchor .action.remove {
  cursor: default;
  line-height: 0;
  position: absolute;
  right: 3px;
  top: 4px;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.ui-tabs .ui-tabs-anchor:hover {
  background: #EEE;
  border-color: #EEE;
}
.ui-tabs .ui-tabs-anchor:hover .action.remove {
  filter: alpha(opacity = 30);
  opacity: 0.3;
}
.ui-tabs .ui-tabs-anchor:hover .action.remove:hover {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.ui-tabs .ui-tabs-panel {
  background: #FFF;
  padding: 10px 0;
}
.ui-tabs.tabs-bottom .ui-tabs-nav {
  border-bottom: none;
  border-top: 1px solid #CCC;
  margin-bottom: 0;
}
.ui-tabs.tabs-bottom .ui-tabs-nav a {
  border-bottom: 1px solid transparent;
  border-top: none;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.ui-tabs.tabs-bottom .ui-tabs-nav .ui-tabs-active a {
  margin-bottom: 0;
  margin-top: -1px;
  padding-bottom: 0;
  padding-top: 1px;
}
.ui-tabs.tabs-bottom .ui-tabs-panel {
  margin-bottom: 10px;
}
.ui-tabs.tabs-small .ui-tabs-anchor {
  font-size: 12px;
  line-height: 28px;
  min-width: 45px;
  padding: 0 6px;
}
.ui-tabs.tabs-style2 .ui-tabs-nav {
  border-bottom: 1px solid #CCC;
  padding: 5px 10px;
  background: #ffffff;
  background: -moz-linear-gradient(#ffffff, #eeeeee);
  background: -ms-linear-gradient(#ffffff, #eeeeee);
  background: -webkit-linear-gradient(#ffffff, #eeeeee);
  background: linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.ui-tabs.tabs-style2 .ui-tabs-anchor {
  border: 1px solid transparent;
  line-height: 20px;
  min-width: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-tabs.tabs-style2 .ui-tabs-anchor:hover {
  background: #F5F5F5;
  border: 1px solid #CCC;
}
.ui-tabs.tabs-style2 .ui-tabs-active .ui-tabs-anchor {
  border: 1px solid #CCC;
  margin-bottom: 0;
  padding-bottom: 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
/* Dialog
----------------------------------------------------------*/
.ui-widget-overlay {
  background: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  filter: alpha(opacity = 30);
  opacity: 0.3;
  z-index: 10000;
}
.kb-dialog {
  background: #F6F6F6;
  border: none;
  left: 0 !important;
  padding: 0;
  width: 100% !important;
  z-index: 10001;
}
.kb-dialog .ui-dialog-titlebar {
  display: none;
}
.kb-dialog .ui-dialog-content {
  background: #FFF;
  margin: 0 auto;
  max-height: 500px;
  overflow: auto;
  padding: 0;
  position: relative;
  width: 840px !important;
}
.kb-dialog.warning-dialog {
  background: #FF0045;
  color: #FFF;
}
.kb-dialog.warning-dialog .ui-dialog-content {
  background: #FF0045;
  color: #FFF;
  width: 700px !important;
}
.kb-iframe-dialog .ui-dialog-content {
  overflow: hidden;
}
.kb-iframe-dialog .ui-dialog-content iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.kb-iframe-dialog .ui-dialog-content > iframe.fullscreen {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
/* Inline dialog
----------------------------------------------------------*/
.kb-inline-dialog {
  border: none;
  padding: 0;
  z-index: 9999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.kb-inline-dialog .ui-dialog-titlebar {
  background: none;
  border: none;
  border-bottom: 1px solid #CCC;
  padding: 0 10px;
  line-height: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.kb-inline-dialog .ui-dialog-title {
  margin: 0;
}
.kb-inline-dialog .ui-dialog-titlebar-close {
  background: none;
  border: none;
  border-left: 1px solid #CCC;
  height: 30px;
  margin: 0;
  min-width: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.kb-inline-dialog .ui-dialog-content {
  padding: 10px;
}
.kb-inline-dialog .common-form th {
  width: 100px;
}
/* Datepicker
----------------------------------------------------------*/
.ui-datepicker {
  background: #FFF;
  border: 2px solid #00709F;
  width: auto;
}
.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
  border-bottom: 1px solid #00709F;
  font-weight: bold;
  padding: 0 0 6px;
}
.ui-datepicker .ui-datepicker-header .ui-icon {
  margin: -4px 0 0 -3px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background: url(images/sprites.png) no-repeat 0 -252px;
  width: 6px;
  height: 8px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background: url(images/sprites.png) no-repeat 0 -276px;
  width: 6px;
  height: 8px;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all {
  background: #F5F5F5;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
  background: #E9E9E9;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  border: none;
  left: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  border: none;
  right: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 2px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: none;
  border: 1px solid transparent;
  color: #666;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  background: #E1E1E1;
  border: 1px solid #CCC;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #009ad7;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: #009ad7;
  border: 1px solid #009ad7;
  color: #FFF;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  padding: 0 10px;
}
/* Tooltip
----------------------------------------------------------*/
body .ui-tooltip {
  background: #FFF;
  border: 1px solid #CCC;
  max-width: none;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* Autocomplete
----------------------------------------------------------*/
.ui-autocomplete {
  padding: 1px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #fff;
}
.ui-menu .ui-menu-item a.ui-state-focus {
  margin: 0;
  background: #0078b1;
  color: #fff;
}
span.jquery-ui-spinner-rewrite input[type="text"] {
  margin-left: 0;
  padding: 3px 9px;
}
span.jquery-ui-spinner-rewrite .ui-spinner-input {
  margin: 0;
}
span.jquery-ui-spinner-rewrite .ui-spinner-button {
  color: #606060;
  font-size: 10px;
  text-align: center;
  height: 13px;
  border-left: 1px solid #aaa;
  background: #eee;
}
span.jquery-ui-spinner-rewrite .ui-spinner-button.ui-state-hover {
  color: #aaa;
}
span.jquery-ui-spinner-rewrite .ui-icon {
  text-indent: 0;
  overflow: hidden;
  margin-left: -5px;
  left: 50%;
}
span.jquery-ui-spinner-rewrite .ui-spinner-up {
  top: 1px;
  right: 1px;
}
span.jquery-ui-spinner-rewrite .ui-spinner-down {
  right: 1px;
  bottom: 1px;
}
/* Spinner
----------------------------------------------------------*/
.ui-spinner {
  border-color: #CCC;
}
.ui-spinner .ui-spinner-input {
  border: none;
  height: 26px;
  margin: 0 17px 0 0 !important;
  padding: 3px 6px;
}
.ui-spinner .ui-spinner-button {
  border-color: #CCC;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* Accordion
----------------------------------------------------------*/
.ui-accordion {
  border: 1px solid #DDD;
}
.ui-accordion .ui-accordion-header {
  background: #F2F2F2;
  border: none;
  border-bottom: 1px solid #FFF;
  margin: 0;
  padding: 8px 10px 8px 30px;
}
.ui-accordion .ui-accordion-content {
  background: #FFF;
  border: none;
  padding: 10px 5px;
}
/* Slider
----------------------------------------------------------*/
.ui-slider {
  background: #999;
  border: none;
  clear: both;
  height: 4px;
  margin: 24px 0 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-slider .ui-slider-range {
  background: #009AD7;
  height: 100%;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-slider .ui-slider-handle {
  background: #FFF;
  border: 1px solid #999;
  cursor: pointer;
  height: 14px;
  top: -5px;
  width: 14px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.ui-slider .ui-slider-handle .dot {
  background: #999;
  height: 6px;
  left: 50%;
  margin: -3px 0 0 -3px;
  position: absolute;
  top: 50%;
  width: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}
.ui-slider .ui-slider-handle .value {
  left: 50%;
  margin-left: -15px;
  position: absolute;
  text-align: center;
  top: -150%;
  width: 30px;
}
/* TinyMCE
----------------------------------------------------------*/
.defaultSkin .mceIcon.mce_KoobooMediaLibrary {
  background: url(images/icons.png) no-repeat 0 -164px;
}
.defaultSkin .mceIcon.mce_insertPage {
  background: url(images/icons.png) no-repeat -20px -164px;
}
/* Head
----------------------------------------------------------*/
.head {
  border-bottom: 1px solid #CCC;
  padding: 7px 0;
  *zoom: 1;
}
.head:before,
.head:after {
  content: "";
  display: table;
}
.head:after {
  clear: both;
}
.head.blue {
  background: #0078b1;
  border: none;
  color: #FFF;
  padding: 7px 10px;
}
.head.blue a {
  color: #FFF;
}
.head.light-blue {
  background: #009ad7;
  border: none;
  color: #FFF;
  padding: 7px 10px;
}
.head.light-blue a {
  color: #FFF;
}
.head.light-gray {
  background: #eeeeee;
  border: none;
  padding: 7px 10px;
}
.head.light-gray a {
  color: #000;
}
.head .title {
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
}
.head .actions {
  float: right;
  line-height: 20px;
}
.head .actions li {
  float: left;
  margin-left: 10px;
}
.head .actions a {
  text-decoration: underline;
}
/* Box
----------------------------------------------------------*/
.box {
  border: 1px solid #EEE;
  padding: 10px;
}
.box.border-blue {
  border-color: #0078b1;
}
.box.border-light-blue {
  border-color: #009ad7;
}
.box.border-gray {
  border-color: #BBB;
}
.box.bg-light-gray {
  background: #F9F9F9;
}
.box.bg-light-blue {
  background: #009ad7;
  border-color: #0078b1;
}
/* Toolbar
----------------------------------------------------------*/
.toolbar {
  background: #F1F1F1;
  border-bottom: 3px solid #CCC;
  padding: 7px 10px;
  *zoom: 1;
}
.toolbar:before,
.toolbar:after {
  content: "";
  display: table;
}
.toolbar:after {
  clear: both;
}
.toolbar.with-head {
  background: #F9F9F9;
  border: none;
}
.toolbar select {
  float: left;
  margin-right: 10px;
}
.toolbar .button {
  float: left;
  margin: 0 10px 0 0;
}
.toolbar .button.right {
  float: right;
  margin: 0 0 0 10px;
}
.toolbar .right {
  margin: 0 0 0 10px;
}
/* Loading
----------------------------------------------------------*/
.block.loading {
  display: none;
}
.block.loading .layer {
  background: #FFF;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5000;
  filter: alpha(opacity = 90);
  opacity: 0.9;
}
.block.loading .wrap {
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -200px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 400px;
  z-index: 5001;
}
.block.loading .wrap span {
  display: block;
  font-size: 30px;
  font-weight: 300;
}
/* Notification
----------------------------------------------------------*/
.block.notification {
  background: #5ba52e;
  color: #FFF;
  min-height: 80px;
  padding: 10px 30px 10px 10px;
  position: fixed;
  right: -18%;
  top: 80px;
  z-index: 6000;
  width: 18%;
  word-break: break-all;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block.notification.error {
  background: #d32b28;
}
.block.notification a.close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 6001;
}
/* Message
----------------------------------------------------------*/
.block.message {
  background: #F5F5F5;
  border-left: 5px solid #CCC;
  font-size: 16px;
  padding: 8px;
  margin-bottom: 10px;
}
.block.message.success {
  border-color: #5ba52e;
  color: #5ba52e;
}
.block.message.error {
  border-color: #d32b28;
  color: #d32b28;
}
/* Blank page
----------------------------------------------------------*/
.block.blank-page {
  margin-top: 15%;
  text-align: center;
}
.block.blank-page .dropdown-button {
  margin-top: 30px;
}
.block.blank-page .button {
  margin-top: 30px;
}
/* Tabs
----------------------------------------------------------*/
.tabs .tab-index {
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  padding: 0 10px;
  position: relative;
  z-index: 999;
  *zoom: 1;
}
.tabs .tab-index:before,
.tabs .tab-index:after {
  content: "";
  display: table;
}
.tabs .tab-index:after {
  clear: both;
}
.tabs .tab-index li {
  float: left;
  margin-right: 8px;
  position: relative;
}
.tabs .tab-index a {
  border: 1px solid transparent;
  border-bottom: none;
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 36px;
  min-width: 100px;
  padding: 0 12px;
  text-align: center;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.tabs .tab-index a:hover {
  background: #EEE;
  border-color: #EEE;
}
.tabs .tab-index .active a {
  background: #FFF;
  border-color: #CCC;
  color: #555;
  cursor: default;
  font-weight: 400;
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.tabs .tab-content {
  display: none;
}
.tabs .tab-content.active {
  display: block;
}
/* Step
----------------------------------------------------------*/
.step {
  color: #555;
  line-height: 1;
  margin-bottom: 10px;
}
.step span {
  float: left;
}
.step img {
  float: left;
  margin: 2px 5px 0;
}
.step .active {
  color: #000;
  font-weight: bold;
}
.dialog .step-content {
  min-height: 436px;
}
/* Command
----------------------------------------------------------*/
.block.command {
  background: #F1F1F1;
  border-bottom: 1px solid #CCC;
  padding: 5px 20px !important;
}
/* Dialog
----------------------------------------------------------*/
.block.dialog .title {
  font-size: 24px;
  font-weight: 300;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px;
}
/* Wizard
---------------------------------------------------------*/
.wizard {
  border-bottom: 3px solid #CCC;
  counter-reset: step;
  font-size: 0;
  height: 30px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.wizard .container {
  overflow: hidden;
  position: absolute;
}
.wizard a,
.wizard span {
  color: #CCC;
  display: block;
  float: left;
  font-size: 14px;
  height: 33px;
  line-height: 30px;
  margin: 0 50px;
  position: relative;
  text-align: center;
}
.wizard a:before,
.wizard span:before {
  counter-increment: step;
  content: counter(step) ".";
}
.wizard a b,
.wizard span b {
  background: #0078b1;
  bottom: 0;
  display: none;
  height: 3px;
  position: absolute;
  right: 50%;
  width: 9999px;
  z-index: 2;
}
.wizard a.active,
.wizard span.active {
  color: #000;
}
.wizard a.active b,
.wizard span.active b {
  display: block;
}
.wizard a {
  color: #999;
}
.wizard a:hover {
  color: #000;
}
.wizard-buttons {
  margin: 20px 0;
  overflow: hidden;
}
.wizard-buttons .button {
  float: left;
  margin-right: 10px;
}
.process-steps-tip {
  font-size: 18px;
}
/* Box block
----------------------------------------------------------*/
/*.block.box {
	border: 1px solid #CCC;
	margin-bottom: 20px;

	.title {
		background: #E1E1E1;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 10px;
	}

	.container {
		padding: 10px;
	}
}*/
/* Treeview
---------------------------------------------------------*/
.block.treeview {
  border: 1px solid #CCC;
  height: 300px;
  overflow: auto;
}
.block.treeview li {
  background: url(images/line.png) no-repeat 9px -27px;
  padding: 10px 0 0 19px;
  position: relative;
}
.block.treeview li:last-child {
  background: url(images/line-end.png) no-repeat 9px -3px;
}
.block.treeview .icon.folder-blue {
  float: left;
  margin: 0 5px 0 0;
}
.block.treeview .toggle {
  cursor: pointer;
  left: 4px;
  position: absolute;
  top: 12px;
}
.block.treeview .toggle .sprite {
  display: block;
  background: url(images/sprites.png) no-repeat 0 -1237px;
  width: 11px;
  height: 11px;
}
.block.treeview .text {
  background: #FFF;
  display: block;
  height: 14px;
  line-height: 1;
  padding-left: 2px;
}
.block.treeview li ul {
  clear: both;
  display: none;
}
.block.treeview .active > .toggle .sprite {
  background: url(images/sprites.png) no-repeat 0 -1007px;
  width: 11px;
  height: 11px;
}
.block.treeview .active > ul {
  display: block;
}
.block.treeview.style2 {
  height: auto;
  overflow: visible;
  padding: 0 10px 10px;
}
/* Pagination
---------------------------------------------------------*/
.pagination {
  margin: 20px 20px 60px;
  text-align: center;
}
.pagination a {
  background: #FFF;
  border: 1px solid #DDD;
  color: #333;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin: 0 2px;
  padding: 0 5px;
  text-align: center;
  min-width: 28px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagination a:hover {
  background: #F0F0F0;
}
.pagination a.disabled {
  background: #EEE;
  color: #999;
  cursor: default;
}
.pagination a.active {
  background: #0078b1;
  border-color: #0078b1;
  color: #FFF;
  cursor: default;
}
.pagination a.control {
  font-weight: 600;
}
/* Searchbox
----------------------------------------------------------*/
.searchbox {
  background: #FFF;
  position: relative;
}
.searchbox input[type="text"] {
  height: 28px;
  padding: 6px 34px 6px 6px;
}
.searchbox button {
  background: none;
  border: none;
  height: 28px;
  min-width: 0;
  padding: 7px;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
}
.searchbox button .icon {
  display: block;
}
#sidebar .searchbox {
  margin: 20px 16px;
}
#sidebar .searchbox input[type="text"] {
  width: 168px;
}
/* Search panel
----------------------------------------------------------*/
.search-panel {
  position: relative;
}
.search-panel .searchbox input {
  padding-right: 44px;
}
.search-panel .more {
  padding: 4px;
  position: absolute;
  right: 26px;
  top: 8px;
  z-index: 9999;
}
.search-panel .more .sprite {
  display: block;
  background: url(images/sprites.png) no-repeat 0 -77px;
  width: 7px;
  height: 4px;
}
.search-panel .more.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -130px;
  width: 7px;
  height: 4px;
}
.search-panel .more-search {
  background: #FFF;
  border: 2px solid #000;
  min-width: 340px;
  padding: 10px 28px 10px 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.search-panel .more-search h6 {
  font-size: 20px;
  font-weight: 300;
  font-weight: normal;
  line-height: 1;
  margin: -5px 0 10px;
}
.search-panel .more-search .field {
  margin-bottom: 20px;
  *zoom: 1;
}
.search-panel .more-search .field:before,
.search-panel .more-search .field:after {
  content: "";
  display: table;
}
.search-panel .more-search .field:after {
  clear: both;
}
.search-panel .more-search .description {
  font-weight: 600;
  margin-bottom: 10px;
}
.search-panel .more-search .addition {
  border-top: 1px solid #CCC;
  padding-top: 20px;
}
.search-panel .more-search th {
  padding: 0 10px 10px 0;
  width: 100px;
}
.search-panel .more-search td {
  padding: 0 0 10px;
}
.search-panel .more-search input:last-child,
.search-panel .more-search select:last-child {
  margin-right: 0;
}
.search-panel .filter-list {
  padding: 0;
  width: 510px;
}
.search-panel .filter-list div {
  margin-bottom: 10px;
}
.search-panel th {
  padding: 0;
}
/* View switch
----------------------------------------------------------*/
.view-switch li {
  float: left;
  margin-left: 10px;
}
.view-switch li a {
  display: block;
  height: 26px;
  width: 26px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-switch li a:hover {
  background: #E7E7E7;
}
.view-switch li.active a {
  background: #0078B1;
}
.view-switch li.list a {
  padding: 6px 5px;
}
.view-switch li.list .sprite {
  background: url(images/sprites.png) no-repeat 0 -924px;
  width: 17px;
  height: 14px;
}
.view-switch li.list.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -938px;
  width: 17px;
  height: 14px;
}
.view-switch li.grid a {
  padding: 6px 3px;
}
.view-switch li.grid .sprite {
  background: url(images/sprites.png) no-repeat 0 -708px;
  width: 20px;
  height: 14px;
}
.view-switch li.grid.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -722px;
  width: 20px;
  height: 14px;
}
/* Layout selector
----------------------------------------------------------*/
.layout-selector label,
.layout-selector select {
  float: left;
  line-height: 28px;
  margin-left: 5px;
}
.layout-selector select {
  width: auto;
}
/* Process block
----------------------------------------------------------*/
.block.process {
  position: relative;
  /* Line */
}
.block.process .step {
  border-left: 1px dashed #CCC;
  float: left;
  height: 400px;
  position: relative;
  text-align: center;
  width: 300px;
}
.block.process .step:first-child {
  border: none;
}
.block.process .description {
  background: #FCFCFC;
  border: 1px solid #CCC;
  bottom: 0;
  left: 70px;
  padding: 10px;
  position: absolute;
  width: 140px;
}
.block.process .map-item {
  background: #1f9284;
  position: absolute;
}
.block.process .map-item > a {
  width: 140px;
}
.block.process .map-item.completed {
  background: #EEE;
}
.block.process .map-item.completed a {
  color: #333;
}
.block.process .map-item.disabled {
  background: #CCC;
}
.block.process .map-item.disabled a {
  color: #666;
  cursor: not-allowed;
}
.block.process .map-item.repository {
  left: 71px;
  top: 200px;
}
.block.process .map-item.content-type {
  left: 372px;
  top: 100px;
}
.block.process .map-item.text-folder {
  left: 372px;
  top: 200px;
}
.block.process .map-item.text-content {
  left: 673px;
  top: 200px;
}
.block.process .map-item.media-content {
  left: 673px;
  top: 300px;
}
.block.process .line {
  background: #000;
  position: absolute;
}
.block.process .line.x {
  height: 1px;
}
.block.process .line.y {
  width: 1px;
}
.block.process .line.line-1 {
  left: 231px;
  top: 220px;
  width: 140px;
}
.block.process .line.line-2 {
  height: 200px;
  left: 316px;
  top: 120px;
}
.block.process .line.line-3 {
  left: 317px;
  top: 120px;
  width: 55px;
}
.block.process .line.line-4 {
  height: 61px;
  left: 447px;
  top: 139px;
}
.block.process .line.line-5 {
  left: 532px;
  top: 219px;
  width: 141px;
}
.block.process .line.line-6 {
  left: 317px;
  top: 319px;
  width: 356px;
}
.block.process .line .triangle-right-black {
  position: absolute;
  right: 0;
  top: -5px;
}
.block.process .line .triangle-down-black {
  bottom: 0;
  left: -5px;
  position: absolute;
}
/* Sortpages 
----------------------------------------------------------*/
.sortpages-header {
  font-weight: normal;
  line-height: 10px;
}
.sortpages {
  margin: 20px 0 10px;
  border: 1px solid #ccc;
  padding: 10px;
  width: 300px;
}
.sortpages li {
  cursor: pointer;
}
.sortpages li.current {
  background: #e7e7e7;
  color: #000;
}
.sortpages li:hover {
  background: #0078b1;
  color: #fff;
}
.sortpages li:active {
  cursor: move;
  background: #5ea8de;
}
.sortpages img.icon {
  display: inline;
  vertical-align: middle;
  margin: 0 10px 0 5px;
  position: relative;
  top: -2px;
}
/* Content block
----------------------------------------------------------*/
.content-block {
  float: left;
  width: 160px;
  min-height: 150px;
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
}
.content-block.checked.database > ul {
  border-left: 2px solid #1F9284;
  border-right: 2px solid #1F9284;
  border-bottom: 2px solid #1F9284;
}
.content-block.checked.membership > ul {
  border-left: 2px solid #5496A7;
  border-right: 2px solid #5496A7;
  border-bottom: 2px solid #5496A7;
}
.content-block.checked.module > ul {
  border-left: 2px solid #6A4A7C;
  border-right: 2px solid #6A4A7C;
  border-bottom: 2px solid #6A4A7C;
}
.content-block .content-block-header {
  background: #FFF;
  color: #FFF;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  position: relative;
  overflow: hidden;
}
.content-block .content-block-header a {
  color: #FFF;
  position: relative;
  z-index: 3;
}
.content-block .content-block-header img.icon {
  display: inline;
  vertical-align: middle;
  margin-right: 5px;
}
.content-block.database .content-block-header {
  background: #1F9284;
}
.content-block.membership .content-block-header {
  background: #5496A7;
}
.content-block.module .content-block-header {
  background: #80678F;
}
.content-block input[type="radio"] {
  display: none;
  margin: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
}
.content-block input[type="radio"] ~ label {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.content-block input[type="radio"] ~ label:hover {
  cursor: pointer;
}
.content-block input[type="radio"] ~ .corner {
  display: none;
  border-left: 32px solid transparent;
  border-top: 32px solid #0078B1;
  position: absolute;
  right: 0;
  top: 0;
}
.content-block input[type="radio"]:checked ~ .corner {
  display: block;
}
.content-block > ul {
  padding: 10px 15px;
  border: 1px solid #CCC;
  border-top: none;
}
.content-block > ul li {
  height: 32px;
  overflow: hidden;
}
.content-block > ul a {
  line-height: 32px;
}
.content-block > ul a:hover {
  color: #3ca8db;
}
.content-block:hover > ul {
  border: 2px solid #CCC;
  border-top: none;
  padding: 10px 14px;
}
.content-block.checked > ul {
  padding: 10px 14px;
}
.content-block.checked input[type="radio"],
.content-block:hover input[type="radio"] {
  display: block;
}
/* Label & Badge
----------------------------------------------------------*/
.label {
  background: #999;
  color: #FFF;
  display: inline;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 2px 7px 3px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.badge {
  background: #999;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.label-primary,
.badge-primary {
  background-color: #005683;
}
.label-success,
.badge-success {
  background-color: #5ba52e;
}
.label-info,
.badge-info {
  background-color: #009ad7;
}
.label-warning,
.badge-warning {
  background-color: #ffaa31;
}
.label-danger,
.badge-danger {
  background-color: #d32b28;
}
/* Login block
----------------------------------------------------------*/
.block.login {
  margin: 0 auto;
  padding-top: 100px;
  width: 960px;
}
.block.login .left {
  margin-right: 30px;
  width: 500px;
}
.block.login .common-form {
  border-left: 1px solid #CCC;
  overflow: hidden;
  padding-left: 30px;
}
.block.login .common-form th {
  width: 100px;
}
/* Breadcrumb
----------------------------------------------------------*/
.breadcrumb {
  float: left;
  line-height: 1;
  margin: 10px 0 0 20px;
}
.breadcrumb a {
  color: #000;
  float: left;
}
.breadcrumb a:hover {
  color: #444;
}
.breadcrumb img {
  float: left;
  margin: 3px 6px 0;
}
.breadcrumb span {
  color: #666;
  float: left;
}
.breadcrumb span a {
  color: #0078B1;
  float: none;
}
/* Diff
----------------------------------------------------------*/
body #diffBox {
  bottom: 30px;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 40px;
}
body #leftPane,
body #rightPane {
  bottom: 30px;
  overflow: hidden;
  position: fixed;
  top: 40px;
  width: 50%;
}
body #leftPane {
  left: 0;
}
body #rightPane {
  right: 0;
}
body .diffPane {
  font: inherit;
}
body #diffBox .diffTable td {
  height: 20px;
  line-height: 20px;
  padding: 5px 0;
}
body #diffBox .diffTable tr:nth-child(2n+1) td {
  background: #F5F5F5;
}
body #diffBox .diffTable td.lineNumber {
  padding: 0 10px 0 5px;
}
/* Modules */
/* @module: Code viewer */
.kb-code-viewer {
  color: #881280;
  /* Syntax highlight
	--------------------------------------------------------*/
}
.kb-code-viewer .title {
  font-size: 12px;
  font-weight: 600;
}
.kb-code-viewer .container {
  background: #FFF;
  border: 1px solid #CCC;
  border-bottom: none;
  height: 200px;
  overflow: auto;
  padding: 10px;
}
.kb-code-viewer li ul {
  margin-left: 30px;
}
.kb-code-viewer code {
  cursor: text;
}
.kb-code-viewer .code-field {
  border: 1px solid #A0A0A0;
  display: none;
  font-size: 11px;
  height: 22px;
  margin: -4px 0 0 -4px;
  padding: 2px;
  position: absolute;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.kb-code-viewer .bottom {
  background: #F5F5F5;
  border: 1px solid #CCC;
}
.kb-code-viewer .bottom a {
  display: inline-block;
  line-height: 20px;
  margin: 0 5px;
  padding: 0 5px;
}
.kb-code-viewer .bottom a:hover {
  background: #DDD;
}
.kb-code-viewer .bottom a.active,
.kb-code-viewer .bottom a.hover {
  background: #39F;
  color: #FFF;
}
.kb-code-viewer.flexible .code-tree {
  margin-left: 18px;
}
.kb-code-viewer.flexible ul {
  margin-left: 30px;
}
.kb-code-viewer.flexible .sprite {
  float: left;
  margin: 4px 0 0 -16px;
  background: url(images/sprites.png) no-repeat 0 -1007px;
  width: 11px;
  height: 11px;
}
.kb-code-viewer.flexible .collapsed .sprite {
  background: url(images/sprites.png) no-repeat 0 -1237px;
  width: 11px;
  height: 11px;
}
.kb-code-viewer.flexible .collapsed .collapsible {
  display: none;
}
.kb-code-viewer .attr-name {
  color: #994500;
}
.kb-code-viewer .attr-value {
  color: #1A1AA6;
}
.kb-code-viewer .node-text {
  color: #666;
}
.kb-code-viewer .editing {
  background: #FFF;
  border: 1px solid #A0A0A0;
  color: #222 !important;
  margin: -3px -5px;
  padding: 2px 4px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.kb-code-viewer .code {
  cursor: pointer;
}
.kb-code-viewer .code.hover {
  background: #5BD0FF;
  color: #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.kb-code-viewer .code.hover .attr-name,
.kb-code-viewer .code.hover .attr-value,
.kb-code-viewer .code.hover .node-text {
  color: #FFF;
}
.kb-code-viewer .code.active {
  background: #39F;
  color: #FFF !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.kb-code-viewer .code.active .attr-name,
.kb-code-viewer .code.active .attr-value,
.kb-code-viewer .code.active .node-text {
  color: #FFF;
}
.kb-code-viewer .code .new-attribute {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 0;
}
.kb-code-viewer .code .new-attribute .insert-text {
  display: none;
  position: absolute;
  right: -5px;
  top: -20px;
}
.kb-code-viewer .code:hover .insert-text {
  display: block;
}
/* @module: Code editor */
.kb-code-editor .container {
  background: #FFF;
  border: 1px solid #CCC;
  padding: 10px;
}
.kb-code-editor .container [contenteditable] {
  outline: 1px dotted #333;
}
.kb-code-editor .container * {
  font-size: 12px;
}
.kb-code-editor .buttons {
  margin-top: 10px;
}
/* @module: Layout box */
.kb-layout-box {
  position: relative;
}
.kb-layout-box > .label {
  bottom: 0;
  top: auto !important;
}
.kb-layout-box > .label.left {
  left: 0;
}
.kb-layout-box > .label.right {
  left: auto;
  right: 0;
}
.kb-layout-box div {
  padding: 24px;
  position: relative;
}
.kb-layout-box div.hover {
  background: #39F;
  color: #FFF;
}
.kb-layout-box div.hover > .label,
.kb-layout-box div.hover > input,
.kb-layout-box div.hover > .text {
  color: #FFF !important;
}
.kb-layout-box .label {
  background: none;
  color: #555;
  left: 4px;
  line-height: 1.5;
  padding: 0;
  position: absolute;
  top: 0;
}
.kb-layout-box .input-top,
.kb-layout-box .input-bottom,
.kb-layout-box .input-left,
.kb-layout-box .input-right {
  background: none;
  border: none;
  height: 20px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 20px;
}
.kb-layout-box .input-top.null,
.kb-layout-box .input-bottom.null,
.kb-layout-box .input-left.null,
.kb-layout-box .input-right.null {
  color: #999;
}
.kb-layout-box .input-top:focus,
.kb-layout-box .input-bottom:focus,
.kb-layout-box .input-left:focus,
.kb-layout-box .input-right:focus {
  background: #FFF;
  color: #555 !important;
}
.kb-layout-box .input-top {
  left: 50%;
  margin-left: -10px;
  top: 2px;
}
.kb-layout-box .input-bottom {
  bottom: 2px;
  left: 50%;
  margin-left: -10px;
}
.kb-layout-box .input-left {
  left: 2px;
  top: 50%;
  margin-top: -10px;
}
.kb-layout-box .input-right {
  right: 2px;
  top: 50%;
  margin-top: -10px;
}
.kb-layout-box .position > .label,
.kb-layout-box .position > input {
  display: none;
}
.kb-layout-box .position.active > .label,
.kb-layout-box .position.active > input {
  display: block;
}
.kb-layout-box .margin {
  background: #FFF;
  border: 1px dashed #BBB;
}
.kb-layout-box .border {
  background: #BBB;
  border: 1px solid #888;
}
.kb-layout-box .padding {
  background: #DDD;
  border: 1px solid #888;
}
.kb-layout-box .content {
  background: #DDD;
  border: 1px solid #888;
  padding: 40px;
  text-align: center;
}
.kb-layout-box .content .text {
  color: #555;
}
.kb-layout-box .input-height,
.kb-layout-box .input-width {
  background: none;
  border: none;
  height: 20px;
  padding: 0;
  text-align: center;
  width: 24px;
}
.kb-layout-box .input-height.null,
.kb-layout-box .input-width.null {
  color: #999;
}
.kb-layout-box .input-height:focus,
.kb-layout-box .input-width:focus {
  background: #FFF;
  color: #555 !important;
}
/* @module: Corner editor */
.kb-corner-editor .kb-corner-editor-wrap {
  height: 80px;
  position: relative;
}
.kb-corner-editor .input-left-top,
.kb-corner-editor .input-left-bottom,
.kb-corner-editor .input-right-top,
.kb-corner-editor .input-right-bottom {
  line-height: 14px;
  position: absolute;
  width: 60px;
}
.kb-corner-editor .input-left-top {
  left: 0;
  top: 0;
}
.kb-corner-editor .input-left-bottom {
  bottom: 0;
  left: 0;
}
.kb-corner-editor .input-right-top {
  right: 0;
  top: 0;
}
.kb-corner-editor .input-right-bottom {
  bottom: 0;
  right: 0;
}
.kb-corner-editor .ui-spinner {
  margin-right: 2px;
}
.kb-corner-editor .ui-spinner input {
  height: 20px;
  padding: 3px;
  text-align: center;
  width: 26px !important;
}
.kb-corner-editor .box-model {
  bottom: 0;
  left: 65px;
  margin: 0 auto;
  position: absolute;
  right: 65px;
  top: 0;
}
.kb-corner-editor .box-model .left-top,
.kb-corner-editor .box-model .left-bottom,
.kb-corner-editor .box-model .right-top,
.kb-corner-editor .box-model .right-bottom {
  height: 20px;
  position: absolute;
  width: 20px;
}
.kb-corner-editor .box-model .left-top {
  border-left: 3px solid #999;
  border-top: 3px solid #999;
  left: 0;
  top: 0;
}
.kb-corner-editor .box-model .left-bottom {
  border-bottom: 3px solid #999;
  border-left: 3px solid #999;
  bottom: 0;
  left: 0;
}
.kb-corner-editor .box-model .right-top {
  border-right: 3px solid #999;
  border-top: 3px solid #999;
  right: 0;
  top: 0;
}
.kb-corner-editor .box-model .right-bottom {
  border-bottom: 3px solid #999;
  border-right: 3px solid #999;
  bottom: 0;
  right: 0;
}
.kb-corner-editor .field {
  margin-top: 10px;
  *zoom: 1;
}
.kb-corner-editor .field:before,
.kb-corner-editor .field:after {
  content: "";
  display: table;
}
.kb-corner-editor .field:after {
  clear: both;
}
/* @module: Border editor */
.kb-border-editor .kb-border-editor-wrap {
  height: 80px;
  position: relative;
}
.kb-border-editor .kb-border-editor-wrap span {
  cursor: pointer;
  position: absolute;
  z-index: 2;
}
.kb-border-editor .box-model {
  border: 6px solid #DDD;
  height: 100%;
  position: absolute;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-border-editor .border-top {
  height: 6px;
  left: 0;
  right: 0;
  top: 0;
}
.kb-border-editor .border-top:hover ~ .box-model {
  border-top-color: #AAA;
}
.kb-border-editor .border-top.active ~ .box-model {
  border-top-color: #009AD7;
}
.kb-border-editor .border-bottom {
  bottom: 0;
  height: 6px;
  left: 0;
  right: 0;
}
.kb-border-editor .border-bottom:hover ~ .box-model {
  border-bottom-color: #AAA;
}
.kb-border-editor .border-bottom.active ~ .box-model {
  border-bottom-color: #009AD7;
}
.kb-border-editor .border-left {
  bottom: 0;
  left: 0;
  width: 6px;
  top: 0;
}
.kb-border-editor .border-left:hover ~ .box-model {
  border-left-color: #AAA;
}
.kb-border-editor .border-left.active ~ .box-model {
  border-left-color: #009AD7;
}
.kb-border-editor .border-right {
  bottom: 0;
  width: 6px;
  right: 0;
  top: 0;
}
.kb-border-editor .border-right:hover ~ .box-model {
  border-right-color: #AAA;
}
.kb-border-editor .border-right.active ~ .box-model {
  border-right-color: #009AD7;
}
.kb-border-editor-v2 .kb-border-editor-wrap {
  height: 170px;
  position: relative;
}
.kb-border-editor-v2 .kb-border-editor-wrap .top,
.kb-border-editor-v2 .kb-border-editor-wrap .bottom,
.kb-border-editor-v2 .kb-border-editor-wrap .left,
.kb-border-editor-v2 .kb-border-editor-wrap .right {
  position: absolute;
  text-align: center;
}
.kb-border-editor-v2 .kb-border-editor-wrap .top,
.kb-border-editor-v2 .kb-border-editor-wrap .bottom {
  height: 28px;
  left: 0;
  right: 0;
}
.kb-border-editor-v2 .kb-border-editor-wrap .top {
  top: 0;
}
.kb-border-editor-v2 .kb-border-editor-wrap .bottom {
  bottom: 0;
}
.kb-border-editor-v2 .kb-border-editor-wrap .left,
.kb-border-editor-v2 .kb-border-editor-wrap .right {
  height: 80px;
  margin-top: -40px;
  top: 50%;
  width: 68px;
}
.kb-border-editor-v2 .kb-border-editor-wrap .left {
  left: 0;
}
.kb-border-editor-v2 .kb-border-editor-wrap .right {
  right: 0;
}
.kb-border-editor-v2 .border-input {
  background: #F5F5F5;
  border: 1px solid #CCC;
  display: inline-block;
  height: 22px;
  padding: 2px;
}
.kb-border-editor-v2 .border-input .ui-spinner {
  float: left;
  margin-right: 4px !important;
}
.kb-border-editor-v2 .border-input .ui-spinner input {
  height: 20px;
  padding: 3px;
  text-align: center;
  width: 26px !important;
  line-height: 14px;
}
.kb-border-editor-v2 .border-input select {
  height: 22px;
  line-height: 1;
  margin: 0 4px 0 0 !important;
  padding: 0;
  width: 65px;
}
.kb-border-editor-v2 .border-input .kb-color-input {
  border: none;
  padding: 0;
}
.kb-border-editor-v2 .border-input .kb-color-input .color {
  height: 22px;
  width: 22px;
}
.kb-border-editor-v2 .border-input.vertical {
  height: 80px;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-border-editor-v2 .border-input.vertical .ui-spinner {
  margin: 0 0 4px !important;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-border-editor-v2 .border-input.vertical select {
  margin: 0 0 4px !important;
  width: 100%;
}
.kb-border-editor-v2 .border-input.vertical .kb-color-input {
  width: 100%;
}
.kb-border-editor-v2 .border-input.vertical .kb-color-input .color {
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-border-editor-v2 .box-model {
  border: 3px solid #CCC;
  bottom: 30px;
  left: 70px;
  margin: 0 auto;
  position: absolute;
  right: 70px;
  top: 30px;
}
/* @module: Splitter */
.kb-split-container {
  height: 500px;
  overflow: hidden;
  position: relative;
}
.kb-split-container .kb-splitter-cover {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.kb-split-container .kb-split-panel {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.kb-split-container .kb-splitter {
  background: #CCC;
  cursor: ns-resize;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 6;
}
.kb-split-container .kb-splitter .toggle-button {
  background: #CCC;
  cursor: pointer;
  height: 25px;
  line-height: 25px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
  text-align: center;
  top: -25px;
  width: 60px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.kb-split-container .kb-splitter .toggle-button .sprite {
  background: url(images/sprites.png) no-repeat 0 -298px;
  width: 8px;
  height: 6px;
}
.kb-split-container .kb-splitter .toggle-button.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -232px;
  width: 8px;
  height: 6px;
}
.kb-split-container.horizontal .kb-split-panel {
  height: 100%;
  top: 0;
}
.kb-split-container.horizontal .kb-splitter {
  cursor: ew-resize;
  height: 100%;
  top: 0;
  width: 5px;
}
.kb-split-container.horizontal .kb-splitter .toggle-button {
  height: 40px;
  line-height: 40px;
  margin: -20px 0 0 0;
  top: 50%;
  width: 16px;
}
.kb-split-container.horizontal .kb-splitter .toggle-button.toggle-to-left {
  left: auto;
  right: -16px;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.kb-split-container.horizontal .kb-splitter .toggle-button.toggle-to-left .sprite {
  background: url(images/sprites.png) no-repeat 0 -276px;
  width: 6px;
  height: 8px;
}
.kb-split-container.horizontal .kb-splitter .toggle-button.toggle-to-left.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -252px;
  width: 6px;
  height: 8px;
}
.kb-split-container.horizontal .kb-splitter .toggle-button.toggle-to-right {
  left: -16px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.kb-split-container.horizontal .kb-splitter .toggle-button.toggle-to-right .sprite {
  background: url(images/sprites.png) no-repeat 0 -252px;
  width: 6px;
  height: 8px;
}
.kb-split-container.horizontal .kb-splitter .toggle-button.toggle-to-right.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -276px;
  width: 6px;
  height: 8px;
}
/* @module: Inline menu */
.kb-inline-menu {
  background: #FFF;
  left: 50%;
  min-width: 180px;
  position: absolute;
  top: 50%;
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.kb-inline-menu .title {
  background: #0078B1;
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.kb-inline-menu .wrap li {
  border-bottom: 1px solid #EEE;
}
.kb-inline-menu .wrap li:last-child {
  border: none;
}
.kb-inline-menu .wrap a {
  color: #009AD7;
  display: block;
  line-height: 2;
  padding: 0 10px;
  text-decoration: none;
}
.kb-inline-menu .wrap a:hover {
  background: #EEE;
}
.kb-inline-menu .actions {
  background: #F5F5F5;
  border-top: 1px solid #CCC;
  overflow: hidden;
  padding: 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.kb-inline-menu .action {
  background: #FFF;
  border: 1px solid #DDD;
  float: left;
  height: 24px;
  margin-right: 3px;
  padding: 3px;
  text-align: center;
  width: 24px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-inline-menu .action:hover {
  border-color: #AAA;
}
/* Style editor
----------------------------------------------------------*/
.kb-style-editor {
  *zoom: 1;
}
.kb-style-editor:before,
.kb-style-editor:after {
  content: "";
  display: table;
}
.kb-style-editor:after {
  clear: both;
}
.kb-style-editor li {
  clear: both;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-style-editor ol > li {
  color: #999;
  line-height: 22px;
  padding-left: 1em;
  position: relative;
}
.kb-style-editor ol > li ul,
.kb-style-editor ol > li ol {
  margin-left: 2em;
}
.kb-style-editor ol > li .label {
  display: none;
  float: left;
  line-height: 15px;
  margin: 2px 0 0 4px;
}
.kb-style-editor ol > li:hover .label {
  display: inline;
}
.kb-style-editor ol > li .action {
  float: left;
  margin-left: 2em;
}
.kb-style-editor .arrow {
  cursor: pointer;
  left: 0;
  position: absolute;
}
.kb-style-editor .arrow .sprite {
  background: url(images/sprites.png) no-repeat 0 -99px;
  width: 6px;
  height: 9px;
}
.kb-style-editor .arrow.active {
  line-height: 18px;
}
.kb-style-editor .arrow.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -114px;
  width: 6px;
  height: 6px;
}
.kb-style-editor .bracket {
  color: #666;
  height: 22px;
  line-height: 20px;
  margin: 0 2px;
}
.kb-style-editor .symbol {
  color: #666;
}
.kb-style-editor .text {
  line-height: 20px;
  min-height: 20px;
  min-width: 20px;
  padding: 0 1px;
}
.kb-style-editor .text.selector {
  color: #444;
}
.kb-style-editor .text.attribute {
  color: #006400;
}
.kb-style-editor .text.value {
  color: #00008B;
}
.kb-style-editor .text.highlight {
  outline: 1px solid #999;
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}
.kb-style-editor .start-tag {
  display: inline-block;
  max-width: 70%;
}
.kb-style-editor .end-tag {
  clear: left;
  display: block;
  float: left;
  margin-top: 2px;
}
.kb-style-editor .meta {
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.kb-style-editor .meta p {
  border-top: 1px dashed #CCC;
  margin-top: 3px;
  padding-top: 3px;
}
.kb-style-editor .meta p:first-child {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.kb-style-editor .meta .info {
  float: right;
  margin: 2px 0 0 3px;
}
.kb-style-editor .meta .info .sprite {
  background: url(images/sprites.png) no-repeat 0 -806px;
  width: 16px;
  height: 16px;
}
.kb-style-editor .meta .info:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -790px;
  width: 16px;
  height: 16px;
}
/* Color input
----------------------------------------------------------*/
.kb-color-input {
  background: #F5F5F5;
  border: 1px solid #CCC;
  display: inline-block;
  padding: 2px;
}
.kb-color-input .color {
  background: url(images/transparent.png) repeat;
  cursor: pointer;
  float: left;
  height: 20px;
  width: 20px;
}
.kb-color-input .color span {
  border: 1px solid #CCC;
  display: block;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kb-color-input .color-value {
  height: 20px;
  line-height: 1;
  margin: 0 0 0 3px !important;
  padding: 2px 4px;
  width: 66px;
}
/* dojo Color Picker
----------------------------------------------------------*/
.dojoxColorPicker {
  background: #F5F5F5;
  border: 1px solid #CCC;
  padding: 8px;
}
.dojoxColorPickerRightPad {
  padding-right: 8px;
}
.dojoxColorPickerBox {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0;
}
.dojoxColorPickerUnderlay {
  border: 1px solid #CCC;
  position: relative;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  z-index: 1;
}
.dojoxHuePickerUnderlay {
  position: relative;
  top: 0;
  left: 0;
  height: 150px;
  width: 20px;
  z-index: 1;
  text-align: center;
}
.dojoxHuePicker {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
}
.dojoxHuePickerPoint {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 8px;
  z-index: 3;
  cursor: move;
}
.dojoxColorPickerPoint {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 0;
  z-index: 3;
  cursor: move;
}
.dojoxColorPickerPreview {
  display: block;
  width: 45px;
  height: 45px;
  border: 1px solid #333;
  background-color: #fff;
  position: relative;
  top: 0px;
  left: 0px;
}
.dojoxColorPickerWebSafePreview {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 0px;
  left: 0px;
  border: 1px solid #333;
}
.dojoxColorPickerOptional {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
}
.dojoxColorPickerOptional td {
  padding: 0 3px 4px 0;
}
.dojoxColorPickerPreviewContainer {
  padding-bottom: 6px;
}
.dojoxColorPickerOptional input {
  border: 1px solid #a7a7a7;
  width: 25px;
  padding: 1px 3px 1px 3px;
  line-height: 1.1em;
}
.dojoxColorPickerHex input {
  width: 55px;
}
/* Kooboo Color Picker
----------------------------------------------------------*/
.kb-color-picker {
  background: #F5F5F5;
  border: 1px solid #CCC;
  padding: 8px;
}
.kb-color-picker .dojoxColorPicker {
  border: none;
}
.kb-color-picker .opacity {
  border-bottom: 1px solid #DDD;
  margin: 15px 0;
  padding-bottom: 5px;
}
.kb-color-picker .opacity .title {
  font-size: 12px;
  font-weight: 400;
}
/* Color slider
----------------------------------------------------------*/
.kb-circle-slider {
  height: 56px;
  padding: 2px;
  position: relative;
  width: 56px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 0 4px #999999 inset;
  -webkit-box-shadow: 0 0 0 4px #999999 inset;
  box-shadow: 0 0 0 4px #999999 inset;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.kb-circle-slider .dot {
  background: #999;
  height: 6px;
  left: 50%;
  margin: -3px 0 0 -3px;
  position: absolute;
  top: 50%;
  width: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}
.kb-circle-slider .circle {
  height: 52px;
  position: relative;
  width: 52px;
}
.kb-circle-slider .slider-handler {
  background: #FFF;
  border: 1px solid #999;
  cursor: pointer;
  height: 14px;
  margin: -7px 0 0 -7px;
  position: absolute;
  width: 14px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
/* Overlay
----------------------------------------------------------*/
.kb-overlay {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}
/* @module: Email block */
.block-email {
  margin-top: 20px;
}
.block-email:first-child {
  margin: 0;
}
.block-email .header {
  *zoom: 1;
}
.block-email .header:before,
.block-email .header:after {
  content: "";
  display: table;
}
.block-email .header:after {
  clear: both;
}
.block-email .header.clickable {
  cursor: pointer;
}
.block-email .avatar {
  float: left;
  margin: 0 10px 20px 0;
}
.block-email .header-summary {
  color: #888;
  margin-bottom: 20px;
  overflow: hidden;
}
.block-email .header-summary p {
  clear: both;
  float: left;
}
.block-email .header-summary .from {
  color: #000;
  font-size: 14px;
}
.block-email .header-summary .summary {
  color: #666;
  display: none;
  font-size: 14px;
}
.block-email .header-summary .toggle {
  float: left;
  margin-left: 5px;
}
.block-email .header-summary .sprite {
  background: url(images/sprites.png) no-repeat 0 -226px;
  width: 8px;
  height: 6px;
}
.block-email .header-summary .sprite.active {
  background: url(images/sprites.png) no-repeat 0 -292px;
  width: 8px;
  height: 6px;
}
.block-email .header-details {
  clear: both;
  display: none;
  margin-bottom: 20px;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.block-email .header-details th {
  color: #888;
  font-weight: 400;
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
  width: 10px;
}
.block-email .attachment {
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  padding: 5px 0;
}
.block-email .attachment .title {
  font-size: 14px;
  font-weight: 400;
}
.block-email .email-content {
  border: none;
  margin-top: 20px;
  width: 100%;
}
.block-email.additional {
  border-top: 1px solid #BBB;
}
.block-email.collapse .header {
  background: #EEE;
}
.block-email.collapse .header:hover {
  background: #F5F5F5;
}
.block-email.collapse .avatar,
.block-email.collapse .header-summary {
  margin-bottom: 0;
}
.block-email.collapse .header-summary p,
.block-email.collapse .header-summary .toggle {
  display: none;
}
.block-email.collapse .header-summary p:first-child {
  display: block;
}
.block-email.collapse .header-summary .summary {
  display: block;
}
.block-email.collapse .header-details {
  display: none !important;
}
.block-email.collapse .email-content {
  display: none;
}
/* @module: Compose button block */
.block-compose-button {
  padding: 17px;
}
.block-compose-button .button-group {
  display: block;
}
.block-compose-button .button-group .button:first-child {
  width: 127px;
}
/* @module: Widget list */
.widget-list li {
  float: left;
  margin: 0 20px 20px 0;
}
.widget-list a {
  background: #EEE;
  display: block;
  padding: 10px;
}
.widget-list a:hover {
  background: #009ad7;
}
.widget-list a .icon {
  display: block;
}
/* @module: Theme list */
.theme-list .color {
  border: 1px solid #CCC;
  display: block;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.theme-list .color1,
.theme-list .color2,
.theme-list .color3 {
  float: left;
  height: 16px;
  width: 16px;
}
.theme-list .color1 {
  background: #000;
}
.theme-list .color2 {
  background: #666;
}
.theme-list .color3 {
  background: #CCC;
}
.theme-list li {
  margin-bottom: 10px;
}
.theme-list a {
  display: block;
  overflow: hidden;
  padding: 5px;
}
.theme-list a:hover {
  background: #F5F5F5;
}
.theme-list a.active {
  background: #009ad7;
  color: #FFF;
}
/* @module: Email grid */
.email-grid .item {
  background: #F5F5F5;
  float: left;
  margin: 0 30px 30px 0;
  padding: 5px;
  width: 214px;
}
.email-grid .item.highlight {
  background: #E5E5E5;
}
.email-grid .item .image {
  display: block;
  overflow: hidden;
  position: relative;
}
.email-grid .item .image img {
  display: block;
  width: 100%;
}
.email-grid .item .image .label {
  position: absolute;
  right: 0;
  top: 0;
  filter: alpha(opacity = 60);
  opacity: 0.6;
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
.email-grid .item .image:hover .label {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.email-grid .item .buttons {
  margin-top: 10px;
  text-align: center;
  *zoom: 1;
}
.email-grid .item .buttons:before,
.email-grid .item .buttons:after {
  content: "";
  display: table;
}
.email-grid .item .buttons:after {
  clear: both;
}
.email-grid .item .buttons .button {
  margin: 0 5px;
}
.email-grid .item .buttons .button:first-child {
  margin-left: 0;
}
.email-grid .item .buttons .button:last-child {
  margin-right: 0;
}
/* @module: Progress bar */
.progress-bar {
  border: 1px solid #DDD;
  height: 18px;
  overflow: hidden;
  position: relative;
}
.progress-bar .rate {
  background: #009ad7;
  color: #FFF;
  position: absolute;
  left: 0;
  text-align: center;
}
/* Sitemap description
----------------------------------------------------------*/
.sitemap-description li {
  float: left;
  line-height: 25px;
  margin-left: 20px;
}
.sitemap-description li span {
  background: #3CA8DB;
  color: #FFF;
  cursor: default;
  display: block;
  float: left;
  height: 25px;
  margin-right: 5px;
  text-align: center;
  width: 25px;
}
.sitemap-description li span .icon {
  margin: 4px;
}
.sitemap-description li span.dynamic {
  background: #1076A6;
}
.sitemap-description li span.show-in-menu {
  color: #000;
  font-weight: bold;
}
.sitemap-description li span.unsynchronized {
  background-color: #DDD;
}
.sitemap-description li span.unpublished {
  background: #C1C1C1;
}
.sitemap-description li span.available {
  background: #1f9284;
}
.sitemap-description li span.completed {
  background: #EEE;
  color: #333;
}
.sitemap-description li span.disabled {
  background: #CCC;
  color: #666;
}
/* Site tree
----------------------------------------------------------*/
.site-tree {
  float: left;
  margin: 0 33px 33px 0;
}
.site-tree .tree-node {
  *zoom: 1;
  position: relative;
}
.site-tree .tree-node:before,
.site-tree .tree-node:after {
  content: "";
  display: table;
}
.site-tree .tree-node:after {
  clear: both;
}
.site-tree > .tree-node {
  margin-bottom: 33px;
}
.site-tree .icon.trigger {
  cursor: pointer;
  left: 154px;
  position: absolute;
  top: 33px;
  z-index: 99;
  background: url(images/sprites.png) no-repeat 0 -1237px;
  width: 11px;
  height: 11px;
}
.site-tree .active > .icon.trigger {
  background: url(images/sprites.png) no-repeat 0 -1007px;
  width: 11px;
  height: 11px;
}
.site-tree .children {
  background: url(images/line-y.png) repeat-y 16px 0;
  float: left;
  margin-top: 19px;
}
.site-tree .children > ul {
  background: url(images/line-x.png) no-repeat 0 19px;
  margin: -19px 0 0;
}
.site-tree .children .tree-node {
  background: url(images/line-x.png) no-repeat 16px 19px;
  padding: 0 0 8px 33px;
}
.site-tree .children .tree-node:last-child {
  background: #ffffff url(images/line-end.png) no-repeat 16px 0;
  padding-bottom: 0;
}
.site-tree .children .tree-node:last-child:first-child {
  background: #ffffff url(images/line-x.png) repeat-x 0 19px;
}
.site-tree .children .icon.trigger {
  left: 187px;
}
ul.site-tree {
  padding: 0;
  clear: both;
  float: none;
}
/* Map item
----------------------------------------------------------*/
.map-item {
  background-color: #3CA8DB;
  float: left;
  height: 39px;
  position: relative;
  width: 160px;
  /* Status */
  /* Text */
  /* Item menu */
}
.map-item.static {
  background-color: #3CA8DB;
}
.map-item.dynamic {
  background-color: #1076A6;
}
.map-item.unpublished {
  background-color: #C1C1C1;
}
.map-item.inherited span.status .sprite {
  background: url(images/sprites.png) no-repeat 0 -1172px;
  width: 17px;
  height: 17px;
}
.map-item.unsynchronized {
  background-color: #DDD;
}
.map-item.unsynchronized span.status .sprite {
  background: url(images/sprites.png) no-repeat 0 -1206px;
  width: 17px;
  height: 17px;
}
.map-item.show-in-menu .text {
  color: #000;
  font-weight: bold;
}
.map-item.ab-testing span.status .sprite {
  background: url(images/sprites.png) no-repeat 0 -1155px;
  width: 17px;
  height: 17px;
}
.map-item span.status {
  border-right: 1px solid #FFF;
  float: left;
  padding: 11px 8px;
  filter: alpha(opacity = 50);
  opacity: 0.5;
}
.map-item span.status .sprite {
  background: url(images/sprites.png) no-repeat 0 -1189px;
  width: 17px;
  height: 17px;
}
.map-item .text {
  color: #FFF;
  float: left;
  line-height: 39px;
  padding: 0 10px;
  position: relative;
  width: 106px;
}
.map-item .text span {
  display: block;
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.map-item .text .icon {
  position: absolute;
  right: 5px;
  top: 15px;
}
.map-item > a {
  color: #FFF;
  display: block;
  float: left;
  height: 39px;
  line-height: 39px;
  padding: 0 10px;
  text-align: center;
  width: 107px;
}
.map-item > a span {
  overflow: hidden;
  white-space: nowrap;
}
.map-item > .arrow {
  border-left: 1px solid #FFF;
  display: block;
  float: right;
  height: 16px;
  padding: 11px 8px 12px 8px;
  text-indent: -9999px;
  width: 16px;
}
.map-item > .arrow .icon {
  display: block;
}
.map-item ul {
  background: #FFF;
  border: 2px solid #000;
  display: none;
  left: 101%;
  min-width: 100%;
  position: absolute;
  z-index: 99;
}
.map-item ul a {
  color: #000;
  display: block;
  line-height: 24px;
  padding: 0 10px;
}
.map-item ul a:hover {
  background: #E5F0F7;
}
.map-item li {
  position: relative;
}
.map-item li ul {
  left: 100%;
  position: absolute;
  top: 0;
}
.map-item li:hover > a {
  background: #E5F0F7;
}
.map-item li:hover > ul {
  display: block;
}
.sitemap-panel .map-item .trigger {
  cursor: pointer;
}
/* Form elements
----------------------------------------------------------*/
input,
button,
select,
textarea {
  font-family: inherit;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: 1px dotted #000;
}
input[type="text"],
input[type="password"],
textarea,
select {
  border: 1px solid #CCC;
  color: #4C4C4C;
  display: inline-block;
  font-size: inherit;
  height: 28px;
  padding: 4px 6px;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #AAA;
}
input[type="text"].mini,
input[type="password"].mini,
textarea.mini,
select.mini {
  text-align: center;
  width: 60px;
}
input[type="text"].small,
input[type="password"].small,
textarea.small,
select.small {
  width: 20%;
}
input[type="text"].medium,
input[type="password"].medium,
textarea.medium,
select.medium {
  width: 35%;
}
input[type="text"].large,
input[type="password"].large,
textarea.large,
select.large {
  width: 50%;
}
input[type="text"].xlarge,
input[type="password"].xlarge,
textarea.xlarge,
select.xlarge {
  width: 65%;
}
input[type="text"].xxlarge,
input[type="password"].xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 80%;
}
input[type="text"].huge,
input[type="password"].huge,
textarea.huge,
select.huge {
  width: 95%;
}
input[type="checkbox"],
input[type="radio"] {
  float: left;
  margin-right: 4px;
}
textarea {
  min-height: 100px;
  min-width: 200px;
  resize: vertical;
}
textarea.autoresize {
  line-height: 16px;
  min-height: 0;
}
textarea.full {
  min-height: 400px;
  width: 100%;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background: #F9F9F9;
}
input[disabled],
select[disabled],
textarea[disabled] {
  background: #F5F5F5;
  color: #999;
}
label.inline {
  cursor: pointer;
  float: left;
  line-height: 13px;
}
/* Number input
----------------------------------------------------------*/
.input-number {
  display: inline-block;
}
/* CodeMirror
----------------------------------------------------------*/
.common-code-mirror .CodeMirror {
  border: 1px solid #CCC;
  height: 480px;
}
/* Checkbox & Radio
----------------------------------------------------------*/
.checkbox-field,
.radio-field {
  display: inline-block;
}
div.checkbox {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
div.checkbox label {
  display: block;
  position: relative;
  z-index: 2;
}
div.checkbox label .sprite {
  cursor: pointer;
  display: block;
  background: url(images/sprites.png) no-repeat 0 -179px;
  width: 15px;
  height: 15px;
}
div.checkbox input {
  position: absolute;
  filter: alpha(opacity = 0);
  opacity: 0;
}
div.checkbox input:checked ~ label .sprite {
  background: url(images/sprites.png) no-repeat 0 -149px;
  width: 15px;
  height: 15px;
}
div.checkbox input:disabled ~ label .sprite {
  cursor: default;
  background: url(images/sprites.png) no-repeat 0 -164px;
  width: 15px;
  height: 15px;
}
div.checkbox input:disabled:checked ~ label .sprite {
  background: url(images/sprites.png) no-repeat 0 -134px;
  width: 15px;
  height: 15px;
}
div.radio {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
div.radio label {
  display: block;
  position: relative;
  z-index: 2;
}
div.radio label .sprite {
  cursor: pointer;
  display: block;
  background: url(images/sprites.png) no-repeat 0 -1386px;
  width: 14px;
  height: 14px;
}
div.radio input {
  position: absolute;
  filter: alpha(opacity = 0);
  opacity: 0;
}
div.radio input:checked ~ label .sprite {
  background: url(images/sprites.png) no-repeat 0 -1358px;
  width: 14px;
  height: 14px;
}
div.radio input:disabled ~ label .sprite {
  cursor: default;
  background: url(images/sprites.png) no-repeat 0 -1372px;
  width: 14px;
  height: 14px;
}
div.radio input:disabled:checked ~ label .sprite {
  background: url(images/sprites.png) no-repeat 0 -1344px;
  width: 14px;
  height: 14px;
}
/* Form list(For checkbox & Radio button)
----------------------------------------------------------*/
.form-list {
  margin-top: 8px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  /* Length */
}
.form-list:before,
.form-list:after {
  content: "";
  display: table;
}
.form-list:after {
  clear: both;
}
.form-list li {
  float: left;
  margin: 0 10px 10px 0;
}
.form-list li.equate {
  width: 10%;
}
.form-list .file-thumbnail {
  display: block;
}
.form-list.images {
  margin-bottom: 10px;
}
.form-list.files li {
  float: none;
  margin: 0 0 10px 0;
}
.form-list.vertical li {
  float: none;
  margin: 0 0 10px 0;
  *zoom: 1;
}
.form-list.vertical li:before,
.form-list.vertical li:after {
  content: "";
  display: table;
}
.form-list.vertical li:after {
  clear: both;
}
.form-list.with-action li {
  background: #F1F1F1;
  float: none;
  margin: 0 0 10px 0;
  padding: 5px 40px 5px 5px;
  position: relative;
  *zoom: 1;
}
.form-list.with-action li:before,
.form-list.with-action li:after {
  content: "";
  display: table;
}
.form-list.with-action li:after {
  clear: both;
}
.form-list.with-action li select ~ label {
  margin-top: 8px;
}
.form-list.with-action li .action {
  position: absolute;
  right: 5px;
  top: 50%;
}
.form-list.with-action li .action .icon.minus {
  margin-top: -14px;
}
.form-list.with-action li .action .icon.minus-small {
  margin-top: -8px;
}
.form-list.mini {
  width: 60px;
}
.form-list.small {
  width: 20%;
}
.form-list.medium {
  width: 35%;
}
.form-list.large {
  width: 50%;
}
.form-list.xlarge {
  width: 65%;
}
.form-list.xxlarge {
  width: 80%;
}
.form-list.huge {
  width: 95%;
}
/* Custom File
----------------------------------------------------------*/
.custom-file {
  position: relative;
}
.custom-file .button {
  min-width: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.custom-file .button span {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.custom-file .button input {
  cursor: pointer;
  font-size: 32px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
.custom-file.small {
  width: 20%;
}
.custom-file.medium {
  width: 35%;
}
.custom-file.large {
  width: 50%;
}
.custom-file.xlarge {
  width: 65%;
}
.custom-file.xxlarge {
  width: 80%;
}
.custom-file.huge {
  width: 95%;
}
/* Uploaded files
----------------------------------------------------------*/
.file-regular {
  background: #EEE;
  padding: 7px;
  width: 300px;
}
.file-regular span {
  display: block;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-regular .action {
  float: right;
  margin-left: 10px;
}
.file-thumbnail {
  display: inline-block;
  height: 100px;
  position: relative;
}
.file-thumbnail img {
  display: block;
  height: 100%;
}
.file-thumbnail .action {
  position: absolute;
  right: 0;
  top: 0;
}
/* Select2
----------------------------------------------------------*/
body .select2-container {
  /* Length */
}
body .select2-container.select2-container-multi .select2-choices {
  background: #FFF;
  border-color: #CCC;
  line-height: 26px;
}
body .select2-container.select2-container-multi .select2-choices .select2-search-choice {
  background: #009ad7;
  border: none;
  color: #FFF;
  line-height: 12px;
  margin: 3px 0 3px 3px;
  padding: 4px 5px 4px 18px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  left: 5px;
  top: 7px;
  background: url(images/sprites.png) no-repeat 0 -402px;
  width: 8px;
  height: 8px;
}
body .select2-container.select2-container-multi .select2-choices .select2-search-field input {
  font-family: inherit;
  height: 26px;
  margin: 0;
  padding: 4px 8px;
}
body .select2-container.select2-container-active .select2-choice,
body .select2-container.select2-container-active .select2-choices {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .select2-container.select2-dropdown-open .select2-choice,
body .select2-container.select2-dropdown-open .select2-choices {
  border-color: #AAA;
}
body .select2-container.select2-dropdown-open .select2-choice .select2-arrow,
body .select2-container.select2-dropdown-open .select2-choices .select2-arrow {
  border-left: 1px solid #AAA;
}
body .select2-container.small {
  width: 20%;
}
body .select2-container.medium {
  width: 35%;
}
body .select2-container.large {
  width: 50%;
}
body .select2-container.xlarge {
  width: 65%;
}
body .select2-container.xxlarge {
  width: 80%;
}
body .select2-container.huge {
  width: 95%;
}
body .select2-container .select2-choice {
  background: #FFF;
  border-color: #CCC;
  height: 28px;
  line-height: 28px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .select2-container .select2-choice > .select2-chosen {
  margin-right: 48px;
}
body .select2-container .select2-choice abbr {
  right: 32px;
}
body .select2-container .select2-choice .select2-arrow {
  background: #EEE;
  border-left: 1px solid #CCC;
  width: 28px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .select2-container .select2-choice .select2-arrow b {
  margin: 0 5px;
  width: 18px;
}
body .select2-drop-active {
  border-color: #AAA;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .select2-drop-active .select2-search {
  padding-top: 4px;
}
/* Tagbox
----------------------------------------------------------*/
.tagbox {
  background: #FFF;
  border: 1px solid #CCC;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.tagbox ul {
  padding: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tagbox li {
  margin: 3px 0 3px 3px;
}
.tagbox li .tag {
  background: #009ad7;
  padding: 0 5px 0 18px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.tagbox li .delete {
  left: 5px;
  right: auto;
  text-indent: -9999em;
  top: 7px;
  background: url(images/sprites.png) no-repeat 0 -402px;
  width: 8px;
  height: 8px;
}
.tagbox li.selected .tag {
  background: #0078b1;
}
.tagbox input {
  float: none !important;
  margin: 0 !important;
}
/* Angle input
----------------------------------------------------------*/
.angle-input {
  padding-top: 12px;
  *zoom: 1;
}
.angle-input:before,
.angle-input:after {
  content: "";
  display: table;
}
.angle-input:after {
  clear: both;
}
.angle-input .kb-circle-slider {
  float: left;
  margin: -12px 22px 0 0;
}
/* Validation
----------------------------------------------------------*/
.validation-summary-errors {
  color: #F00;
  padding: 10px 0 20px;
}
.field-validation-error {
  color: #F00;
  line-height: 26px;
}
.input-validation-error {
  color: #F00;
  border-color: #F00 !important;
}
/* jQueryValidationEngine
----------------------------------------------------------*/
.formError {
  line-height: 20px;
}
.formError .formErrorContent {
  background: #1A1A1D;
  border: 1px solid #000;
  color: #FFF;
  font-size: 11px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.formError .formErrorArrow {
  margin: -2px 0 0 2px;
}
.formError .formErrorArrow div {
  background: #1A1A1D;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2 {
  width: 0;
}
.formError .formErrorArrow .line3 {
  border: none;
}
/* Form row
----------------------------------------------------------*/
.form-row {
  line-height: 28px;
  padding: 10px 0;
  display: block;
  width: 102.08333333%;
  margin: 0 -1.04166667%;
  *zoom: 1;
}
.form-row:before,
.form-row:after {
  content: "";
  display: table;
}
.form-row:after {
  clear: both;
}
.form-row:before,
.form-row:after {
  content: "";
  display: table;
}
.form-row:after {
  clear: both;
}
.form-row .span0_5 {
  display: inline;
  float: left;
  width: 2.08333333%;
  margin: 0 1.04166667%;
}
.form-row .span1 {
  display: inline;
  float: left;
  width: 6.25%;
  margin: 0 1.04166667%;
}
.form-row .span2 {
  display: inline;
  float: left;
  width: 14.58333333%;
  margin: 0 1.04166667%;
}
.form-row .span2_875 {
  display: inline;
  float: left;
  width: 21.875%;
  margin: 0 1.04166667%;
}
.form-row .span3 {
  display: inline;
  float: left;
  width: 22.91666667%;
  margin: 0 1.04166667%;
}
.form-row .span4 {
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.04166667%;
}
.form-row .span5 {
  display: inline;
  float: left;
  width: 39.58333333%;
  margin: 0 1.04166667%;
}
.form-row .span5_5 {
  display: inline;
  float: left;
  width: 43.75%;
  margin: 0 1.04166667%;
}
.form-row .span5_75 {
  display: inline;
  float: left;
  width: 45.83333333%;
  margin: 0 1.04166667%;
}
.form-row .span6 {
  display: inline;
  float: left;
  width: 47.91666667%;
  margin: 0 1.04166667%;
}
.form-row .span7 {
  display: inline;
  float: left;
  width: 56.25%;
  margin: 0 1.04166667%;
}
.form-row .span8 {
  display: inline;
  float: left;
  width: 64.58333333%;
  margin: 0 1.04166667%;
}
.form-row .span9 {
  display: inline;
  float: left;
  width: 72.91666667%;
  margin: 0 1.04166667%;
}
.form-row .span10 {
  display: inline;
  float: left;
  width: 81.25%;
  margin: 0 1.04166667%;
}
.form-row .span11 {
  display: inline;
  float: left;
  width: 89.58333333%;
  margin: 0 1.04166667%;
}
.form-row .span12 {
  display: inline;
  float: left;
  width: 97.91666667%;
  margin: 0 1.04166667%;
}
/* Form tip
----------------------------------------------------------*/
.form-tip {
  clear: both;
  color: #999;
  display: block;
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
  margin-top: 4px;
}
/* Editable field
----------------------------------------------------------*/
.editable-field {
  display: inline-block;
}
.editable-field .text {
  border: 1px solid transparent;
  cursor: text;
  display: block;
  height: 28px;
  overflow: hidden;
  padding: 4px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.editable-field .text:hover {
  border-color: #DDD;
}
.editable-field input,
.editable-field textarea {
  display: none;
}
.editable-field textarea {
  resize: vertical;
}
.editable-field.active .text {
  display: none;
}
.editable-field.active input,
.editable-field.active textarea {
  display: block;
}
/* Common form
----------------------------------------------------------*/
.common-form {
  font-size: 14px;
  line-height: 26px;
  /* Common form panel */
  /* Page Designer */
  /* Key value */
}
.common-form fieldset {
  margin-bottom: 20px;
}
.common-form legend {
  border-bottom: 1px solid #CCC;
  color: #0078B1;
  font-size: 18px;
  margin-bottom: 5px;
  width: 100%;
}
.common-form legend.clickable {
  cursor: pointer;
  padding-left: 12px;
  position: relative;
}
.common-form legend.clickable .icon.arrow {
  background-position: -18px -16px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
}
.common-form legend.clickable:hover .icon.arrow {
  background-position: -30px -16px;
}
.common-form legend.clickable.active .icon.arrow {
  background-position: -16px 0;
  height: 6px;
  top: 12px;
  width: 8px;
}
.common-form legend.clickable.active:hover .icon.arrow {
  background-position: -32px 0;
}
.common-form table {
  width: 100%;
}
.common-form th {
  font-weight: normal;
  width: 190px;
  padding: 10px 10px 10px 0;
  vertical-align: top;
  white-space: nowrap;
}
.common-form thead th {
  background: #F9F9F9;
  border-top: 1px solid #EEE;
  font-weight: 600;
  padding: 10px;
  width: 45%;
}
.common-form thead th:first-child {
  width: auto;
}
.common-form td {
  padding: 10px;
  vertical-align: top;
}
.common-form td .form-row {
  padding-top: 0;
}
.common-form td .form-container {
  margin-top: 10px;
  *zoom: 1;
}
.common-form td .form-container:before,
.common-form td .form-container:after {
  content: "";
  display: table;
}
.common-form td .form-container:after {
  clear: both;
}
.common-form .border td {
  border-bottom: 1px solid #CCC;
}
.common-form input[type="text"],
.common-form input[type="password"],
.common-form select,
.common-form .ui-spinner {
  float: left;
  margin-right: 10px;
}
.common-form .tip {
  clear: both;
  color: #999;
  display: block;
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
  margin-top: 4px;
}
.common-form .text {
  float: left;
  margin-right: 10px;
}
.common-form .unit {
  float: left;
  margin-left: -6px;
  margin-right: 10px;
}
.common-form .field {
  padding: 10px 0;
  *zoom: 1;
}
.common-form .field:before,
.common-form .field:after {
  content: "";
  display: table;
}
.common-form .field:after {
  clear: both;
}
.common-form.with-panel .CodeMirror {
  bottom: 0;
  height: auto !important;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 301px;
  top: 0;
}
.common-form.with-panel .panel {
  border-left: 1px solid #CCC;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
}
.common-form.with-panel .panel .block {
  font-size: 12px;
  margin: 20px 0;
}
.common-form.with-panel .panel .block.plugins .actions {
  padding: 5px 53px 5px 20px;
  position: relative;
}
.common-form.with-panel .panel .block.plugins .actions .action {
  position: absolute;
  right: 20px;
  top: 5px;
}
.common-form.with-panel .panel .title {
  cursor: pointer;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 5px;
  padding: 0 20px;
  position: relative;
}
.common-form.with-panel .panel .title .sprite {
  left: 7px;
  position: absolute;
  top: 11px;
  background: url(images/sprites.png) no-repeat 0 -276px;
  width: 6px;
  height: 8px;
}
.common-form.with-panel .panel .title.active .sprite {
  left: 6px;
  top: 12px;
  background: url(images/sprites.png) no-repeat 0 -232px;
  width: 8px;
  height: 6px;
}
.common-form.with-panel .panel .container li {
  line-height: 14px;
  overflow: hidden;
  padding: 5px 20px;
}
.common-form.with-panel .panel .container li:hover {
  background: #F6F6F6;
}
.common-form.with-panel .panel .container .plugins li {
  cursor: move;
}
.common-form.with-panel .panel .container .actions {
  background: #F6F6F6;
  padding: 5px 20px;
  *zoom: 1;
}
.common-form.with-panel .panel .container .actions:before,
.common-form.with-panel .panel .container .actions:after {
  content: "";
  display: table;
}
.common-form.with-panel .panel .container .actions:after {
  clear: both;
}
.common-form.with-panel .panel .container .action {
  float: right;
  margin-left: 5px;
}
.common-form.with-panel .panel .container.list {
  /* Level 2 */
  /* Level 3 */
}
.common-form.with-panel .panel .container.list li.has-sub {
  background: none;
  padding: 0;
  position: relative;
}
.common-form.with-panel .panel .container.list span {
  cursor: default;
  display: block;
  padding: 5px 20px;
  position: relative;
}
.common-form.with-panel .panel .container.list span .sprite {
  left: 8px;
  position: absolute;
  top: 9px;
  background: url(images/sprites.png) no-repeat 0 -99px;
  width: 6px;
  height: 9px;
}
.common-form.with-panel .panel .container.list .active > span .sprite {
  background: url(images/sprites.png) no-repeat 0 -114px;
  width: 6px;
  height: 6px;
}
.common-form.with-panel .panel .container.list li ul {
  display: none;
}
.common-form.with-panel .panel .container.list ul ul li {
  padding-left: 30px;
}
.common-form.with-panel .panel .container.list ul ul span {
  padding-left: 30px;
}
.common-form.with-panel .panel .container.list ul ul .icon.arrow {
  left: 18px;
}
.common-form.with-panel .panel .container.list ul ul ul li {
  padding-left: 40px;
}
.common-form.with-panel .panel input.editor {
  padding: 0;
}
.common-form.with-panel .panel .icon.minus {
  cursor: pointer;
}
.common-form .designer .actions {
  *zoom: 1;
}
.common-form .designer .actions:before,
.common-form .designer .actions:after {
  content: "";
  display: table;
}
.common-form .designer .actions:after {
  clear: both;
}
.common-form .designer .actions li {
  float: left;
}
.common-form .designer .actions button {
  background: none;
  border: none;
  height: 22px;
  min-width: 0;
  padding: 3px;
  position: relative;
  width: 22px;
  z-index: 999;
}
.common-form .designer .actions button:hover {
  background: #D5E1F2;
}
.common-form .designer .actions button[disabled]:hover {
  background: none;
  cursor: default;
}
.common-form .designer .actions button[disabled] .undo {
  background: url(images/sprites.png) no-repeat 0 -1959px;
  width: 15px;
  height: 13px;
}
.common-form .designer .actions button[disabled] .redo {
  background: url(images/sprites.png) no-repeat 0 -1413px;
  width: 15px;
  height: 13px;
}
.common-form .designer .actions button .icon {
  display: block;
}
.common-form .designer .actions button .undo {
  background: url(images/sprites.png) no-repeat 0 -1946px;
  width: 15px;
  height: 13px;
}
.common-form .designer .actions button .redo {
  background: url(images/sprites.png) no-repeat 0 -1400px;
  width: 15px;
  height: 13px;
}
.common-form .designer .container {
  border-top: 1px solid #CCC;
  bottom: 31px;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 151px;
}
.common-form .designer .container iframe {
  display: block;
  height: 100%;
  overflow: auto;
  overflow-y: scroll;
  width: 100%;
}
.common-form .key-value {
  float: left;
  margin-right: 10px;
  width: 35%;
  /* Length */
}
.common-form .key-value th {
  background: none !important;
  border: none !important;
}
.common-form .key-value.large {
  width: 50%;
}
.common-form .key-value.xlarge {
  width: 65%;
}
.common-form .key-value.xxlarge {
  width: 80%;
}
.common-form .key-value.huge {
  width: 95%;
}
/* Key value
----------------------------------------------------------*/
.key-value th {
  padding: 0 5px 5px 0 !important;
}
.key-value td {
  padding: 5px 5px 5px 0 !important;
  vertical-align: top;
}
.key-value td.action {
  padding-right: 0 !important;
}
.key-value .key {
  width: 35%;
}
.key-value .value {
  width: 65%;
}
.key-value .action {
  padding: 0;
  width: 16px;
}
.key-value input,
.key-value select {
  display: block;
}
.key-value .action {
  display: block;
  float: left;
}
/* Thumbnail list
----------------------------------------------------------*/
.thumbnail-list li {
  float: left;
  margin: 0 20px 20px 0;
  width: 104px;
}
.thumbnail-list li > span {
  background: #CCC;
  display: block;
  height: 100px;
  overflow: hidden;
  padding: 2px;
  position: relative;
  width: 100px;
}
.thumbnail-list li span img {
  display: block;
  width: 100%;
}
.thumbnail-list li span label {
  background: #000;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.thumbnail-list li input[type="radio"] {
  position: absolute;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.thumbnail-list li input[type="checkbox"] {
  border: 1px solid #CCC;
  display: none;
  margin: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 2;
}
.thumbnail-list li:hover input[type="checkbox"],
.thumbnail-list li input[type="checkbox"]:checked {
  display: block;
}
.thumbnail-list li input:checked ~ label {
  background: none;
  border: 2px solid #0078B1;
  filter: alpha(opacity = 100);
  opacity: 1;
}
.thumbnail-list li input:checked ~ .corner {
  border-left: 32px solid transparent;
  border-top: 32px solid #0078B1;
  position: absolute;
  right: 0;
  top: 0;
}
.thumbnail-list li .name {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}
.thumbnail-list li.extend {
  width: 20px;
}
.thumbnail-list li.extend a {
  background: #0078B1;
  display: block;
  height: 104px;
  overflow: hidden;
  width: 100%;
}
.thumbnail-list li.extend .sprite {
  margin: 47px 0 0 7px;
  background: url(images/sprites.png) no-repeat 0 -284px;
  width: 6px;
  height: 8px;
}
.thumbnail-list li.extend.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -260px;
  width: 6px;
  height: 8px;
}
/* TODO: Below are all old styles, need to be rewrite
================================================================================================================================================================================*/
/* Buttons */
.common-form .buttons {
  margin-top: 30px;
  text-align: right;
}
.common-form .buttons .button,
.common-form .buttons button {
  margin-left: 16px;
}
/* Warning dialog */
.common-form.in-warning-dialog {
  color: #FFF;
  margin-bottom: 45px;
}
body.in-dialog .in-warning-dialog .buttons {
  background: #FF0045 !important;
  border-color: #FFF;
}
/* Media file */
.mediafile {
  float: left;
  margin-right: 10px;
  width: 40%;
}
.mediafile li {
  background: #F1F1F1;
  clear: both;
  line-height: 1;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 5px;
}
.mediafile .img {
  clear: none;
  float: left;
  height: 100px;
  margin: 0 10px 10px 0;
  padding: 0;
  position: relative;
  width: 100px;
}
.mediafile .img > img {
  display: block;
}
.mediafile .img .action {
  position: absolute;
  right: 0;
  top: 0;
}
/* Category list */
.category-list {
  float: left;
  margin-right: 10px;
  width: 420px;
}
.category-list li {
  background: #F1F1F1;
  line-height: 1;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 5px;
}
.category-list input[type="checkbox"] {
  margin-top: 6px;
}
.category-list label {
  margin-top: 6px;
}
/* Filter list */
.filter-list li span {
  float: left;
  margin-right: 10px;
  width: 300px;
}
/* File upload */
.file-upload {
  background: url(images/icons.png) no-repeat -156px -26px;
  display: inline-block;
  height: 26px;
  overflow: hidden;
  position: relative;
  width: 26px;
}
.file-upload span {
  filter: alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.file-upload input {
  cursor: pointer;
  font-size: 32px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
/* Image editor
----------------------------------------------------------*/
.image-editor .action {
  float: left;
  margin: 3px 10px 0 0;
}
.image-editor input.mini {
  padding: 0 !important;
}
.in-dialog .image-editor .original-image {
  margin-right: 10px;
  width: 602px;
}
.image-editor .original-image img {
  display: block;
  max-width: 100%;
}
.image-editor .image-info label {
  float: left;
  line-height: 20px;
  margin-right: 5px;
}
.image-editor span.left {
  line-height: 20px;
  margin: 0 5px 0 -5px;
}
.image-editor .button {
  float: left;
  margin: 10px 10px 0 0;
}
/* Image crop
----------------------------------------------------------*/
.image-crop {
  border: 1px solid #BABABA;
  min-width: 800px;
  width: 71%;
}
.in-dialog .image-crop {
  margin-right: 10px;
  min-width: 0;
  width: 600px;
}
.image-crop .toolbar {
  background: #F6F6F6;
  border-bottom: 1px solid #CCC;
  padding: 5px;
}
.image-crop .toolbar .tool {
  margin-bottom: 10px;
}
.image-crop .toolbar li {
  float: left;
}
.image-crop .tool a {
  background: none;
  display: block;
  height: 20px;
  padding: 5px;
  width: 20px;
}
.image-crop .tool a:hover {
  background: #D5E1F2;
}
.image-crop .toolbar .icon {
  margin: 0 auto;
}
.image-crop .toolbar .flip.y {
  margin: -3px 0 0 -1px;
}
.image-crop .toolbar .flip.x {
  margin: -1px 0 0 -3px;
}
.image-crop .toolbar .undo,
.image-crop .toolbar .redo {
  margin: 3px 0 0 2px;
}
.image-crop .container {
  padding: 20px;
}
.image-crop .container #jcrop_target {
  max-height: 400px;
  max-width: 100%;
}
/* File uploader
----------------------------------------------------------*/
.file-uploader .dropzone {
  border: 4px dashed #CCC;
  height: 200px;
  margin-bottom: 30px;
  padding-top: 100px;
  text-align: center;
}
.file-uploader .file-list li {
  background: #F1F1F1;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px;
  width: 60%;
}
.file-uploader .file-list .progress {
  background: #FFF;
  padding: 0 5px;
  position: relative;
  text-align: right;
  width: 200px;
}
.file-uploader .file-list .progress .value {
  position: relative;
  z-index: 2;
}
.file-uploader .file-list .progress .bar {
  background: #0078B1;
  height: 100%;
  left: 0;
  position: absolute;
}
/* Data rule type */
.common-form.data-rule-type table {
  min-height: 366px;
}
.common-form.data-rule-type td {
  vertical-align: top;
}
/* Common table
----------------------------------------------------------*/
.common-table {
  /* Checkbox */
  /* Icon */
  /* Draggable */
}
.common-table .fixed {
  background: #FFF;
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 999;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.common-table table {
  width: 100%;
}
.common-table th {
  font-size: 14px;
  font-weight: 400;
  height: 20px;
  padding: 5px;
  vertical-align: text-top;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.common-table th:first-child {
  padding-left: 20px;
}
.common-table th:last-child {
  padding-right: 20px;
}
.common-table th.sort {
  padding: 0;
}
.common-table th.sort a {
  color: #000;
  display: block;
  height: 20px;
  padding: 5px;
}
.common-table th.sort a:hover .sprite {
  visibility: visible;
}
.common-table th.sort .sprite {
  background: url(images/sprites.png) no-repeat 0 -1775px;
  width: 8px;
  height: 11px;
  display: inline-block;
  margin-left: 5px;
  visibility: hidden;
}
.common-table th.sort.desc .sprite {
  background: url(images/sprites.png) no-repeat 0 -1775px;
  width: 8px;
  height: 11px;
}
.common-table th.sort.asc .sprite {
  background: url(images/sprites.png) no-repeat 0 -1764px;
  width: 8px;
  height: 11px;
}
.common-table th.sort.active .sprite {
  visibility: visible;
}
.common-table th.sort:first-child a {
  padding-left: 20px;
}
.common-table th.sort:last-child a {
  padding-right: 20px;
}
.common-table tbody th {
  font-size: 12px;
  padding-right: 20px;
  width: 100px;
  white-space: nowrap;
}
.common-table td {
  color: #666;
  cursor: default;
  line-height: 1.2;
  overflow: hidden;
  padding: 5px;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.common-table td:first-child {
  padding-left: 20px;
}
.common-table td:last-child {
  padding-right: 20px;
}
.common-table td.thumbnail {
  width: 80px;
}
.common-table td.thumbnail .thumbnail {
  background: #cccccc;
  border: 1px solid #cccccc;
  display: table-cell;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  width: 70px;
}
.common-table td.thumbnail img {
  display: block;
  margin: 0 auto;
  max-height: 70px;
  max-width: 70px;
}
.common-table tr:hover td {
  background: #E7E7E7;
}
.common-table tr.empty td {
  background: #F1F1F1;
  color: #000;
  font-weight: 600;
  padding: 5px 20px;
  text-align: center;
}
.common-table tr.active td {
  background: #0078b1;
  color: #FFF;
}
.common-table tr.active a {
  color: #FFF;
}
.common-table .checkbox {
  width: 13px;
}
.common-table .checkbox.mutiple {
  cursor: pointer;
  padding: 0;
}
.common-table .checkbox.mutiple > div {
  padding: 9px 15px 8px 20px;
  position: relative;
}
.common-table .checkbox.mutiple .icon {
  position: absolute;
  right: 4px;
  top: 14px;
}
.common-table .checkbox.mutiple .dropdown {
  background: #FFF;
  border: 2px solid #CCC;
  display: none;
  left: 20px;
  min-width: 130px;
  position: absolute;
  top: 100%;
  white-space: nowrap;
  z-index: 999;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.common-table .checkbox.mutiple .dropdown .title {
  padding: 0 5px;
}
.common-table .checkbox.mutiple li {
  padding: 0 5px;
}
.common-table .checkbox.mutiple li a {
  color: #0078b1;
  display: block;
  margin: 0 -5px;
  padding: 0 5px;
}
.common-table .checkbox.mutiple li a:hover {
  background: #0078b1;
  color: #FFF;
}
.common-table .checkbox input {
  display: block;
}
.common-table td.checkbox.mutiple {
  padding-right: 15px;
}
.common-table th.nocheckbox,
.common-table td.nocheckbox {
  padding-left: 10px;
  width: 0;
}
.common-table .with-icon {
  line-height: 16px;
}
.common-table .icon.folder {
  float: left;
  margin: 2px 5px 0 0;
  background: url(images/sprites.png) no-repeat 0 -670px;
  width: 16px;
  height: 13px;
}
.common-table .active .icon.folder {
  background: url(images/sprites.png) no-repeat 0 -683px;
  width: 16px;
  height: 13px;
}
.common-table .icon.file {
  float: left;
  margin: 0 5px 0 0;
}
.common-table .draggable {
  width: 0;
}
.common-table .draggable.checkbox {
  width: 13px;
}
.common-table .draggable div {
  padding-top: 2px;
  position: relative;
}
.common-table .draggable .icon.drag {
  cursor: move;
  left: -16px;
  position: absolute;
  top: 0;
}
.common-table .draggable.nocheckbox .icon.drag {
  left: -4px;
}
.common-table .note {
  color: #666;
  padding: 10px 20px;
}
.common-table.two-dimension th,
.common-table.two-dimension td {
  border-bottom: 1px solid #EEE;
}
.common-table.two-dimension th {
  background: #F9F9F9;
  font-weight: 600;
}
.common-table.two-dimension td {
  /* Length */
}
.common-table.two-dimension td.common {
  width: 10%;
}
#main-container .common-table {
  margin: -20px -20px 0;
}
.common-table th.action,
.common-table td.action {
  text-align: center;
  white-space: nowrap;
  width: 16px;
}
.common-table td.common {
  width: 300px;
}
.common-table td.short,
.common-table td.type,
.common-table td.date,
.common-table td.size {
  white-space: nowrap;
  width: 100px;
}
.common-table tbody td .text {
  float: left;
  line-height: 16px;
  margin-right: 3px;
}
.common-table td .action {
  float: left;
  margin-right: 5px;
}
.common-table td.action .action {
  float: none;
  margin: 0;
}
.common-table .editor {
  float: left;
  margin-right: 5px;
  resize: none;
  width: 400px;
}
.common-table input.editor {
  height: 16px;
  padding: 0 2px;
  width: 120px;
}
/* Tree */
.common-table .expander {
  cursor: pointer;
  float: left;
  height: 16px;
  margin-right: 3px;
  width: 10px;
}
.common-table .expander.disabled {
  cursor: default;
}
.common-table .expander .sprite {
  margin-top: 4px;
  background: url(images/sprites.png) no-repeat 0 -99px;
  width: 6px;
  height: 9px;
}
.common-table .expander:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -90px;
  width: 6px;
  height: 9px;
}
.common-table .expander.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -114px;
  width: 6px;
  height: 6px;
}
.common-table .expander.active:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -108px;
  width: 6px;
  height: 6px;
}
.common-table tr.hidden-folder .icon.folder {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.common-table tr.accept {
  background: #CCC;
}
.common-table tbody tr.ui-sortable-helper td {
  background: #E7E7E7;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
/* Email table(Extend from common-table)
----------------------------------------------------------*/
.email-table td {
  max-width: 400px;
  padding: 0;
}
.email-table td.icon {
  display: table-cell;
  width: 26px;
}
.email-table a {
  color: #444;
  display: block;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
}
.email-table .checkbox {
  padding: 5px;
}
.email-table .highlight {
  font-weight: 700;
}
.email-table .date {
  text-align: right;
}
.email-table .fa {
  color: #DDD;
  margin-right: 5px;
}
.email-table .fa:hover {
  color: #AAA;
}
.email-table .fa.active {
  color: #666;
}
/* Simple table
----------------------------------------------------------*/
.simple-table {
  overflow: auto;
}
.simple-table table {
  background: #F9F9F9;
  width: 100%;
}
.simple-table th,
.simple-table td {
  border-top: 1px solid #FFF;
  padding: 10px;
  white-space: nowrap;
  /* Length */
}
.simple-table th.action,
.simple-table td.action {
  text-align: center;
  width: 16px;
}
.simple-table th.nocheckbox,
.simple-table td.nocheckbox {
  padding: 0 0 0 10px;
  width: 0;
}
.simple-table th.mini,
.simple-table td.mini {
  text-align: center;
  width: 60px;
}
.simple-table th.mini input[type="checkbox"],
.simple-table td.mini input[type="checkbox"],
.simple-table th.mini input[type="radio"],
.simple-table td.mini input[type="radio"] {
  float: none;
  margin: 0;
}
.simple-table th {
  background: #E9E9E9;
  border-bottom: 2px solid #DDD;
  color: #666;
  padding: 5px 10px;
  /* Checkbox */
}
.simple-table th.checkbox {
  vertical-align: middle;
  width: 13px;
}
.simple-table th.checkbox.mutiple {
  cursor: pointer;
  padding: 0;
}
.simple-table th.checkbox.mutiple > div {
  padding: 10px 15px 10px 10px;
  position: relative;
}
.simple-table th.checkbox.mutiple .icon {
  position: absolute;
  right: 4px;
  top: 14px;
}
.simple-table th.checkbox.mutiple .dropdown {
  background: #FFF;
  border: 1px solid #CCC;
  display: none;
  margin-top: 5px;
  min-width: 130px;
  padding: 5px 0;
  position: fixed;
  white-space: nowrap;
  z-index: 999;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.simple-table th.checkbox.mutiple .dropdown .title {
  display: block;
  line-height: 24px;
  padding: 0 10px;
}
.simple-table th.checkbox.mutiple li {
  font-weight: 400;
  padding: 0 10px;
}
.simple-table th.checkbox.mutiple li a {
  color: #0078b1;
  display: block;
  line-height: 24px;
  margin: 0 -10px;
  padding: 0 15px;
}
.simple-table th.checkbox.mutiple li a:hover {
  background: #0078b1;
  color: #FFF;
}
.simple-table th.checkbox input {
  display: block;
  float: none;
  margin: 0;
}
.simple-table th.sort {
  padding: 0;
}
.simple-table th.sort a {
  color: #000;
  display: block;
  height: 20px;
  padding: 5px;
}
.simple-table th.sort a:hover .icon {
  visibility: visible;
}
.simple-table th.sort .sprite {
  display: inline-block;
  margin-left: 5px;
  visibility: hidden;
}
.simple-table th.sort.desc .sprite {
  background: url(images/sprites.png) no-repeat 0 -1775px;
  width: 8px;
  height: 11px;
}
.simple-table th.sort.asc .sprite {
  background: url(images/sprites.png) no-repeat 0 -1764px;
  width: 8px;
  height: 11px;
}
.simple-table th.sort.active .sprite {
  visibility: visible;
}
.simple-table td.checkbox {
  width: 13px;
}
.simple-table td.checkbox input {
  display: block;
}
.simple-table td.draggable div {
  position: relative;
}
.simple-table td.draggable .icon {
  cursor: move;
  left: -8px;
  position: absolute;
  top: 1px;
}
.simple-table td.draggable.checkbox .icon {
  top: -2px;
}
.simple-table tbody tr:nth-child(2n) td {
  background: #F2F2F2;
}
.simple-table tbody tr.active td {
  background: #009ad7;
  color: #FFF;
}
.simple-table tbody tr.active td a {
  color: #FFF;
}
.simple-table tbody tr.empty td {
  font-weight: 600;
  padding: 5px;
  text-align: center;
}
/* Common grid
----------------------------------------------------------*/
.common-grid {
  /* In dialog */
}
.common-grid ul {
  margin-bottom: 20px;
  *zoom: 1;
}
.common-grid ul:before,
.common-grid ul:after {
  content: "";
  display: table;
}
.common-grid ul:after {
  clear: both;
}
.common-grid li {
  float: left;
  margin: 0 6px 6px 0;
  padding: 3px;
  position: relative;
}
.common-grid li:hover {
  background: #E1E1E1;
}
.common-grid li:hover input {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.common-grid li.active {
  background: #0078B1;
}
.common-grid li input {
  margin: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 3;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.common-grid li input:checked {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.common-grid li input:checked ~ .checked {
  border-left: 42px solid transparent;
  border-top: 42px solid #0078B1;
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: 2;
}
.common-grid a {
  background: #0078B1;
  color: #FFF;
  display: block;
  font-size: 14px;
  position: relative;
  width: 240px;
}
.common-grid a .info {
  bottom: 0;
  left: 0;
  padding: 5px;
  position: absolute;
  right: 0;
}
.common-grid a .info .icon {
  float: left;
  margin: 2px 2px 0 0;
}
.common-grid .folder a {
  height: 120px;
}
.common-grid .file a {
  background: #AAA;
  height: 80px;
}
.common-grid .file.image a {
  height: 120px;
  width: auto;
}
.common-grid .file.image img {
  display: block;
  height: 100%;
}
.common-grid.active li input {
  filter: alpha(opacity = 50);
  opacity: 0.5;
}
.in-dialog .common-grid ul a {
  width: 200px;
}
.in-dialog .common-grid .folder a {
  height: 80px;
}
.in-dialog .common-grid .file a {
  background: #AAA;
  height: 60px;
}
.in-dialog .common-grid .file.image a {
  height: 80px;
  width: auto;
}
/* Site manager
----------------------------------------------------------*/
.block.sitemanager {
  padding: 8px 16px 9px;
  *zoom: 1;
}
.block.sitemanager:before,
.block.sitemanager:after {
  content: "";
  display: table;
}
.block.sitemanager:after {
  clear: both;
}
.block.sitemanager .title {
  color: #FFF;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.block.sitemanager .switcher {
  background: #FFF;
  float: left;
  font-size: 16px;
  position: relative;
  width: 135px;
}
.block.sitemanager .switcher .current {
  display: block;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
}
.block.sitemanager .switcher .current span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.block.sitemanager .switcher .current .caret-toggle {
  position: absolute;
  right: 10px;
  top: 10px;
}
.block.sitemanager .switcher .caret-toggle {
  display: none;
}
.block.sitemanager .switcher.active .current {
  cursor: pointer;
  display: block;
  padding: 0 20px 0 10px;
}
.block.sitemanager .switcher.active .caret-toggle {
  display: block;
}
.block.sitemanager .switcher > .list {
  background: #FFF;
  border: 1px solid #A8A8A8;
  display: none;
  left: -1px;
  min-width: 100%;
  position: absolute;
  z-index: 9999;
}
.block.sitemanager .switcher .list a {
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 2;
  padding: 0 10px;
  white-space: nowrap;
}
.block.sitemanager .switcher .list a:hover {
  background: #E7E7E7;
}
.block.sitemanager .switcher .list li li a {
  padding-left: 20px;
}
.block.sitemanager .switcher .list li li li a {
  padding-left: 30px;
}
.block.sitemanager .switcher .list li li li li a {
  padding-left: 40px;
}
.block.sitemanager .switcher .list .active > a {
  font-weight: 600;
}
.block.sitemanager .right.add {
  margin: 2px -4px 0 0;
}
/* Menu
----------------------------------------------------------*/
.block.menu {
  /* Arrow */
}
.block.menu a {
  color: #000;
  display: block;
  font-size: 20px;
  padding: 0 6px 0 16px;
}
.block.menu a:hover {
  background-color: #E7E7E7;
}
.block.menu .badge {
  float: right;
}
.block.menu .level-1 > a .badge {
  margin-top: 6px;
}
.block.menu .arrow:hover ~ a {
  background-color: #E7E7E7;
}
.block.menu .arrow {
  display: none;
  height: 30px;
  position: absolute;
  text-indent: -9999px;
  width: 15px;
}
.block.menu .arrow .sprite {
  display: block;
  margin: 12px 0 0 4px;
  background: url(images/sprites.png) no-repeat 0 -276px;
  width: 6px;
  height: 8px;
}
.block.menu .arrow:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -268px;
  width: 6px;
  height: 8px;
}
.block.menu:hover .arrow {
  display: block;
}
.block.menu > ul {
  padding-bottom: 30px;
}
.block.menu li {
  font-weight: 300;
  position: relative;
  /* Level 2 */
}
.block.menu li.current > a {
  background-color: #D4D4D4;
}
.block.menu li.with-icon > .sprite {
  position: absolute;
  top: 5px;
  left: 20px;
}
.block.menu li.with-icon > a {
  padding-left: 50px;
}
.block.menu li.active > .arrow {
  display: block;
}
.block.menu li.active > .arrow .sprite {
  margin-top: 13px;
  background: url(images/sprites.png) no-repeat 0 -232px;
  width: 8px;
  height: 6px;
}
.block.menu li.active > .arrow:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -226px;
  width: 8px;
  height: 6px;
}
.block.menu li.active > ul {
  display: block;
}
.block.menu li ul {
  display: none;
  margin-top: 3px;
}
.block.menu li li {
  /* Level 3 */
}
.block.menu li li a {
  font-size: 12px;
  padding: 6px 6px 6px 28px;
}
.block.menu li li .arrow {
  display: block;
  left: 16px;
  width: 9px;
}
.block.menu li li .arrow .sprite {
  margin: 11px 0 0 2px;
  background: url(images/sprites.png) no-repeat 0 -99px;
  width: 6px;
  height: 9px;
}
.block.menu li li .arrow:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -90px;
  width: 6px;
  height: 9px;
}
.block.menu li li.active > .arrow .sprite {
  background: url(images/sprites.png) no-repeat 0 -114px;
  width: 6px;
  height: 6px;
}
.block.menu li li.active > .arrow:hover .sprite {
  background: url(images/sprites.png) no-repeat 0 -108px;
  width: 6px;
  height: 6px;
}
.block.menu li li ul {
  margin: 0;
}
.block.menu li li li {
  /* Level 4 */
}
.block.menu li li li a {
  padding-left: 40px;
}
.block.menu li li li .arrow {
  left: 28px;
}
.block.menu li li li li a {
  padding-left: 52px;
}
.block.menu li li li li .arrow {
  left: 40px;
}
/* Iframe dialog
----------------------------------------------------------*/
body.in-dialog {
  min-width: 0;
  overflow: hidden;
}
body.in-dialog h1.title {
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
}
body.in-dialog #main-container {
  min-width: 0;
  top: 0;
  /* Topbar */
}
body.in-dialog #main-container .topbar {
  background: #FFF;
  border-bottom: 1px solid #EEE;
  height: 28px;
  padding: 15px 20px;
  position: relative;
  top: 0;
  z-index: 9;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
}
body.in-dialog #main-container .topbar .title {
  margin: 0;
}
body.in-dialog #main-container > .wrap {
  bottom: 59px;
  padding-bottom: 0;
  top: 58px;
}
body.in-dialog .buttons {
  background: #FFF;
  border-top: 1px solid #CCC;
  bottom: 0;
  height: 28px;
  left: 0;
  padding: 15px 20px;
  position: fixed;
  right: 0;
  text-align: right;
  z-index: 999;
}
body.in-dialog .buttons .button.left,
body.in-dialog .buttons button.left {
  margin-right: 16px;
}
body.in-dialog .buttons .button.right,
body.in-dialog .buttons button.right {
  margin-left: 16px;
}
/* Inline dialog
----------------------------------------------------------*/
.kb-dialog .ui-dialog-content {
  /* Topbar */
}
.kb-dialog .ui-dialog-content h1.title {
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
}
.kb-dialog .ui-dialog-content .topbar {
  background: #FFF;
  border-bottom: 1px solid #EEE;
  height: 28px;
  left: 0;
  padding: 15px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
}
.kb-dialog .ui-dialog-content .topbar .title {
  float: left;
  margin: 0;
}
.kb-dialog .ui-dialog-content > .wrap,
.kb-dialog .ui-dialog-content > form > .wrap {
  margin: 58px 0 59px;
  padding: 20px;
}
.kb-dialog .ui-dialog-content .common-table {
  margin: -20px -20px 0;
}
.kb-dialog .ui-dialog-content .buttons {
  background: #FFF;
  border-top: 1px solid #CCC;
  bottom: 0;
  height: 28px;
  left: 0;
  padding: 15px 20px;
  position: absolute;
  right: 0;
  text-align: right;
  z-index: 999;
}
.kb-dialog .ui-dialog-content .buttons .button.left,
.kb-dialog .ui-dialog-content .buttons button.left {
  margin-right: 16px;
}
.kb-dialog .ui-dialog-content .buttons .button.right,
.kb-dialog .ui-dialog-content .buttons button.right {
  margin-left: 16px;
}
/* Editor
----------------------------------------------------------*/
.block.editor .editor {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 401px;
  top: 0;
}
.block.editor .editor .ui-tabs {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.block.editor .editor .ui-tabs .ui-tabs-panel {
  margin: 0;
  bottom: 37px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block.editor .editor .ui-tabs .ui-tabs-nav {
  background: #F5F5F5;
  border-color: #DDD;
  bottom: 0;
  left: 0;
  padding-bottom: 5px;
  position: absolute;
  right: 0;
}
.block.editor .editor .ui-tabs .ui-tabs-nav a {
  height: 30px;
  line-height: 30px;
}
.block.editor .editor .ui-tabs .ui-tabs-nav a:hover {
  background: #DDD;
  border-color: #DDD;
}
.block.editor .editor .ui-tabs .ui-tabs-nav .ui-tabs-active a {
  background: #FFF;
  border-color: #DDD;
}
.block.editor .editor iframe {
  border: none;
  height: 100%;
  padding: 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block.editor .panel {
  border-left: 1px solid #DDD;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
}
.block.editor .panel .ui-tabs .ui-tabs-nav li a {
  min-width: 50px;
}
.block.editor .panel .code-viewer .title {
  font-size: 12px;
  font-weight: 600;
}
.block.editor .panel .code-viewer .container {
  background: #FFF;
  border: 1px solid #CCC;
  border-bottom: none;
  padding: 10px;
}
.block.editor .panel .code-viewer li ul {
  margin-left: 30px;
}
.block.editor .panel .code-viewer .code {
  cursor: pointer;
}
.block.editor .panel .code-viewer .code.active,
.block.editor .panel .code-viewer .code.hover {
  background: #39F;
  color: #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.block.editor .panel .code-viewer .bottom {
  background: #F5F5F5;
  border: 1px solid #CCC;
}
.block.editor .panel .code-viewer .bottom a {
  display: inline-block;
  line-height: 20px;
  margin: 0 5px;
  padding: 0 5px;
}
.block.editor .panel .code-viewer .bottom a:hover {
  background: #DDD;
}
.block.editor .panel .code-viewer .bottom a.active,
.block.editor .panel .code-viewer .bottom a.hover {
  background: #39F;
  color: #FFF;
}
.block.editor .panel .settings {
  background: #F6F6F6;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  margin-bottom: 20px;
  padding: 10px;
}
.block.editor .panel .settings .item {
  border-top: 1px solid #DDD;
  margin-top: 10px;
  padding-top: 10px;
}
.block.editor .panel .settings .item.convert p {
  font-weight: 600;
}
.block.editor .panel .settings .item.convert .form-list.vertical li {
  margin-bottom: 5px;
}
.block.editor .panel .settings .item.convert .form-list.vertical li:last-child {
  margin: 0;
}
.block.editor .panel .settings .item.form-editor .action {
  float: right;
  margin-top: 6px;
}
.block.editor .panel .settings .kb-code-editor {
  margin-top: 10px;
}
.block.editor .panel .settings .buttons {
  border-top: 1px solid #DDD;
  margin-top: 10px;
  overflow: hidden;
  padding-top: 10px;
}
.block.editor .panel .settings .buttons .button {
  color: #FFF;
  float: left;
  margin-right: 20px;
}
.block.editor .panel .settings .buttons .button.gray {
  color: #000;
}
.block.editor .panel .block .title {
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 5px;
  padding: 0 20px;
  position: relative;
}
.block.editor .panel .block .title .sprite {
  position: absolute;
  left: 7px;
  top: 10px;
  background: url(images/sprites.png) no-repeat 0 -268px;
  width: 6px;
  height: 8px;
}
.block.editor .panel .block .title:hover {
  background: #F9F9F9;
}
.block.editor .panel .block .container {
  display: none;
}
.block.editor .panel .block .container .empty {
  background: #F9F9F9;
  color: #333;
  font-style: italic;
  padding: 5px 20px;
}
.block.editor .panel .block.active .title .sprite {
  left: 6px;
  top: 11px;
  background: url(images/sprites.png) no-repeat 0 -226px;
  width: 8px;
  height: 6px;
}
.block.editor .panel .block.active .container {
  display: block;
}
.block.editor .panel .block.list li {
  overflow: hidden;
  padding: 5px 20px;
}
.block.editor .panel .block.list li .action {
  float: right;
  margin-left: 5px;
}
.block.editor .panel .block.list li span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block.editor .panel .block.list li li {
  background: url(images/line.png) no-repeat 6px -35px;
  padding: 0 0 0 16px;
}
.block.editor .panel .block.list li li:last-child {
  background: url(images/line-end.png) no-repeat 6px -11px;
}
.block.editor .panel .block.list li li span {
  background: #FFF;
  padding-left: 4px;
}
.block.editor .panel .block.list li:hover {
  background: #F5F5F5;
}
.block.editor .panel .block.list li:hover span {
  background-color: #F5F5F5;
}
.block.editor .panel .block.list table {
  width: 100%;
}
.block.editor .panel .block.list table th,
.block.editor .panel .block.list table td {
  padding: 4px;
}
.block.editor .panel .block.list table th:first-child,
.block.editor .panel .block.list table td:first-child {
  padding-left: 20px;
}
.block.editor .panel .block.list table th:last-child,
.block.editor .panel .block.list table td:last-child {
  padding-right: 20px;
}
.block.editor .panel .block.list table td.action {
  width: 16px;
}
.block.editor .panel .block.thumbnail .container {
  padding: 20px;
}
.block.editor .panel .block.thumbnail li {
  border: 2px solid transparent;
  float: left;
  height: 100px;
  margin: 0 15px 15px 0;
  overflow: hidden;
  position: relative;
  width: 100px;
}
.block.editor .panel .block.thumbnail li:nth-child(3n) {
  margin-right: 0;
}
.block.editor .panel .block.thumbnail li:hover {
  border-color: #DDD;
}
.block.editor .panel .block.thumbnail li img {
  display: block;
}
.block.editor .panel .block.thumbnail li .action {
  cursor: default;
  position: absolute;
  right: 0;
  top: 0;
}
/* Visual editor
----------------------------------------------------------*/
.block-visual-editor {
  /* Toolbar */
  /* Editor */
  /* Panel */
}
.block-visual-editor.fullscreen {
  background: #FFF;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.block-visual-editor .kb-split-container {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block-visual-editor .toolbar {
  background: none;
  border: none;
  left: 20px;
  padding: 0;
  position: absolute;
  top: 20px;
  z-index: 999;
}
.block-visual-editor .toolbar li {
  float: left;
  margin-right: 5px;
}
.block-visual-editor .toolbar a {
  background: #FFF;
  border: 1px solid #DDD;
  display: block;
  height: 24px;
  line-height: 28px;
  text-align: center;
  width: 24px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  filter: alpha(opacity = 50);
  opacity: 0.5;
}
.block-visual-editor .toolbar a:hover {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.block-visual-editor .toolbar a.disabled {
  cursor: not-allowed;
  filter: alpha(opacity = 50);
  opacity: 0.5;
}
.block-visual-editor .toolbar .action-undo .sprite {
  background: url(images/sprites.png) no-repeat 0 -1946px;
  width: 15px;
  height: 13px;
}
.block-visual-editor .toolbar .action-undo.disabled .sprite {
  background: url(images/sprites.png) no-repeat 0 -1959px;
  width: 15px;
  height: 13px;
}
.block-visual-editor .toolbar .action-redo .sprite {
  background: url(images/sprites.png) no-repeat 0 -1400px;
  width: 15px;
  height: 13px;
}
.block-visual-editor .toolbar .action-redo.disabled .sprite {
  background: url(images/sprites.png) no-repeat 0 -1413px;
  width: 15px;
  height: 13px;
}
.block-visual-editor .toolbar .action-fullscreen .sprite {
  background: url(images/sprites.png) no-repeat 0 -2472px;
  width: 16px;
  height: 16px;
}
.block-visual-editor .toolbar .action-fullscreen.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -2488px;
  width: 16px;
  height: 16px;
}
.block-visual-editor .editor {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  /* jQueryUI tabs */
  /* Iframe */
}
.block-visual-editor .editor .ui-tabs {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.block-visual-editor .editor .ui-tabs-panel {
  margin: 0;
  bottom: 37px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block-visual-editor .editor .ui-tabs-nav {
  background: #F5F5F5;
  border-color: #DDD;
  bottom: 0;
  left: 0;
  padding-bottom: 5px;
  position: absolute;
  right: 0;
}
.block-visual-editor .editor .ui-tabs-anchor {
  height: 30px;
  line-height: 30px;
}
.block-visual-editor .editor .ui-tabs-anchor:hover {
  background: #DDD;
  border-color: #DDD;
}
.block-visual-editor .editor .ui-tabs-active .ui-tabs-anchor {
  background: #FFF;
  border-color: #DDD;
}
.block-visual-editor .editor .visual-frame {
  border: none;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-visual-editor .panel {
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.block-visual-editor .panel .box {
  border-left: none;
  border-right: none;
}
.block-visual-editor .panel .common-form th {
  padding: 10px 0 0 20px;
  width: 80px;
}
.block-visual-editor .panel .common-form .field {
  padding: 10px 20px;
}
.block-visual-editor .panel-block {
  margin-bottom: 10px;
}
.block-visual-editor .panel-block.with-margin {
  margin: 10px;
}
.block-visual-editor .panel-block .title {
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 5px;
  padding: 0 20px;
  position: relative;
}
.block-visual-editor .panel-block .title .sprite {
  position: absolute;
  left: 7px;
  top: 10px;
  background: url(images/sprites.png) no-repeat 0 -268px;
  width: 6px;
  height: 8px;
}
.block-visual-editor .panel-block .title:hover {
  background: #F9F9F9;
}
.block-visual-editor .panel-block .note {
  font-weight: 600;
  margin-bottom: 1em;
}
.block-visual-editor .panel-block .container {
  display: none;
}
.block-visual-editor .panel-block .container .empty {
  background: #F9F9F9;
  color: #333;
  font-style: italic;
  padding: 5px 20px;
}
.block-visual-editor .panel-block .container.with-padding {
  padding: 20px;
}
.block-visual-editor .panel-block.active {
  background: #F9F9F9;
}
.block-visual-editor .panel-block.active .title .sprite {
  left: 6px;
  top: 11px;
  background: url(images/sprites.png) no-repeat 0 -226px;
  width: 8px;
  height: 6px;
}
.block-visual-editor .panel-block.active .container {
  display: block;
}
.block-visual-editor .panel-list li {
  overflow: hidden;
  padding: 5px 20px;
}
.block-visual-editor .panel-list li .action {
  float: right;
  margin-left: 5px;
}
.block-visual-editor .panel-list li span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block-visual-editor .panel-list li li {
  background: url(images/line.png) no-repeat 6px -35px;
  padding: 0 0 0 16px;
}
.block-visual-editor .panel-list li li:last-child {
  background: url(images/line-end.png) no-repeat 6px -11px;
}
.block-visual-editor .panel-list li li span {
  background: #FFF;
  padding-left: 4px;
}
.block-visual-editor .panel-list li:hover {
  background: #F5F5F5;
}
.block-visual-editor .panel-list li:hover span {
  background-color: #F5F5F5;
}
.block-visual-editor .panel-list table {
  width: 100%;
}
.block-visual-editor .panel-list table th,
.block-visual-editor .panel-list table td {
  padding: 4px;
}
.block-visual-editor .panel-list table th:first-child,
.block-visual-editor .panel-list table td:first-child {
  padding-left: 20px;
}
.block-visual-editor .panel-list table th:last-child,
.block-visual-editor .panel-list table td:last-child {
  padding-right: 20px;
}
.block-visual-editor .panel-list table td.action {
  width: 16px;
}
.block-visual-editor.vertical .panel {
  background: #F9F9F9;
  overflow: hidden;
  padding-top: 2px;
}
.block-visual-editor.vertical .panel .ui-tabs-panel {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 32px;
}
.block-visual-editor.vertical .panel .ui-tabs.tabs-style2 {
  margin-top: -10px;
}
.block-visual-editor.vertical .panel .kb-code-viewer .container {
  border: none;
  bottom: 21px;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block-visual-editor.vertical .panel .kb-code-viewer .bottom {
  border: none;
  border-top: 1px solid #CCC;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.block-visual-editor.vertical .panel .right-column {
  background: #F9F9F9;
  padding: 10px 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-visual-editor.vertical .panel .right-column .ui-tabs-panel {
  top: 40px;
}
.block-visual-editor.vertical .panel .right-column .kb-style-editor {
  padding: 0 10px;
}
/* Style editor
----------------------------------------------------------*/
.style-editor {
  border: 1px solid #CCC;
  padding: 10px 20px;
  *zoom: 1;
}
.style-editor:before,
.style-editor:after {
  content: "";
  display: table;
}
.style-editor:after {
  clear: both;
}
.no-sidebar .style-editor {
  bottom: 30px;
  left: 0;
  margin: 0 !important;
  overflow: scroll;
  position: fixed;
  right: 0;
  top: 110px;
}
.style-editor li {
  clear: both;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.style-editor ol > li {
  color: #999;
  line-height: 22px;
  padding-left: 1em;
  position: relative;
}
.style-editor ol > li ul,
.style-editor ol > li ol {
  margin-left: 2em;
}
.style-editor ol > li .label {
  display: none;
  float: left;
  line-height: 15px;
  margin: 2px 0 0 4px;
}
.style-editor ol > li:hover .label {
  display: inline;
}
.style-editor ol > li .action {
  margin-left: 2em;
}
.style-editor ol > li .action ~ .separator {
  clear: left;
}
.style-editor ol > li ul + .action {
  margin-bottom: 1em;
}
.style-editor .arrow {
  cursor: pointer;
  left: 0;
  position: absolute;
}
.style-editor .arrow .sprite {
  background: url(images/sprites.png) no-repeat 0 -99px;
  width: 6px;
  height: 9px;
}
.style-editor .arrow.active {
  line-height: 18px;
}
.style-editor .arrow.active .sprite {
  background: url(images/sprites.png) no-repeat 0 -114px;
  width: 6px;
  height: 6px;
}
.style-editor .separator {
  color: #666;
  float: left;
  height: 22px;
  line-height: 20px;
  margin: 0 2px;
}
.style-editor .text {
  float: left;
  line-height: 20px;
  min-height: 20px;
  min-width: 20px;
  padding: 0 1px;
}
.style-editor .text.selector {
  color: #444;
}
.style-editor .text.attribute {
  color: #006400;
}
.style-editor .text.value {
  color: #00008B;
}
.style-editor .text.highlight {
  outline: 1px solid #999;
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}
.style-editor .action {
  clear: both;
  float: left;
}
/* Email editor
----------------------------------------------------------*/
.block-email-editor .panel {
  background: #F5F5F5;
  bottom: 0;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 20%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-email-editor .editor {
  bottom: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 80%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-email-editor .editor .subject {
  border: none;
  border-bottom: 1px solid #DDD;
  font-size: 28px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 10px;
}
.block-email-editor .mce-panel {
  background: none;
  border: none !important;
}
.block-email-editor .mce-tinymce button:hover {
  background: none;
}
.block-email-editor .mce-edit-area {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 32px;
}
/* Others */
/*
[Contents]

	0- Global
	1- Header
	2- Main Container
	3- Main
	4- Sidebar
	5- Footer
	6- Other(plugin rewriter)
*/
/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
body {
  font: 12px/1.5 "SegoeUI", "Helvetica Neue", "OpenSans", Arial, Helvetica, sans-serif;
  min-width: 1024px;
}
body.fullscreen #header,
body.fullscreen .topbar {
  z-index: auto !important;
}
body.loading {
  overflow: hidden;
}
body.loading .block.loading {
  display: block;
}
.gray {
  color: #666;
}
hr {
  background: #CCC;
  border: none;
  height: 1px;
}
/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
#header {
  background: #0078b1;
  font-size: 14px;
  height: 40px;
  padding: 0 10px;
  position: relative;
  z-index: 1001;
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  /* Header panel */
  /* Quicklinks */
}
#header a {
  color: #FFF;
}
#header a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#header .j_DropDown > a {
  padding-right: 23px !important;
  position: relative;
}
#header .j_DropDown .icon.chevron-down-white {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 19px;
}
#header .j_DropDownContent a {
  color: #000;
}
#header .j_DropDownContent a:hover {
  background: #F3F3F3;
}
#header .header-panel {
  height: 100%;
  margin-right: 200px;
}
#header .quicklinks {
  background: #0078b1;
  padding-right: 10px;
  position: fixed;
  right: 0;
  top: 0;
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}
/* Logo
----------------------------------------------------------*/
.logo {
  float: left;
  margin-right: 21px;
  padding: 8px 45px 8px 10px;
  position: relative;
}
.logo img {
  display: block;
}
.logo .icon {
  position: absolute;
  right: 10px;
  top: 5px;
}
.logo:hover .icon {
  background: url(images/sprites.png) no-repeat 0 -750px;
  width: 32px;
  height: 14px;
}
/* Header panel
----------------------------------------------------------*/
.header-panel > li {
  float: left;
  position: relative;
}
.header-panel a {
  display: block;
  line-height: 40px;
  padding: 0 10px;
  white-space: nowrap;
}
.header-panel .active > a {
  background-color: rgba(0, 0, 0, 0.4);
}
.header-panel .icon {
  float: left;
  margin: 7px 5px 0 0;
}
.header-panel ul {
  background: #FFF;
  border: 2px solid #006CAD;
  border-top: none;
  display: none;
  min-width: 100%;
  position: absolute;
  z-index: 1009;
  max-height: 500px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header-panel ul li {
  color: #666;
  line-height: 34px;
  padding: 0 10px;
}
.header-panel ul a {
  color: #000;
  line-height: 34px;
  margin: 0 -10px;
  white-space: nowrap;
  padding-right: 30px;
}
.header-panel ul a:hover {
  background: #F3F3F3;
}
.header-panel ul a:active {
  background: #006CAD;
  color: #FFF;
}
.header-panel .upload-button {
  position: relative;
}
.header-panel .upload-button span {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  filter: alpha(opacity = 0);
  opacity: 0;
}
.header-panel .upload-button input {
  cursor: pointer;
  font-size: 32px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
.header-panel .separator {
  background: #000;
  height: 1px;
  margin: 10px;
}
/* Quicklinks
----------------------------------------------------------*/
.quicklinks li {
  float: left;
  position: relative;
}
.quicklinks li.last ul {
  right: 0;
}
.quicklinks a {
  display: block;
  line-height: 40px;
  padding: 0 10px;
  white-space: nowrap;
}
.quicklinks .icon {
  float: left;
  margin: 15px 4px 0 0;
}
.quicklinks .chevron-down-white {
  float: right;
  margin: 19px 0 0 5px;
}
.quicklinks ul {
  background: #FFF;
  border: 2px solid #006CAD;
  border-top: none;
  display: none;
  min-width: 100%;
  position: absolute;
  z-index: 10;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.quicklinks ul li {
  float: none;
}
.quicklinks ul a {
  color: #000;
  white-space: nowrap;
}
#header .quicklinks ul a {
  color: #000;
  white-space: nowrap;
}
#header .quicklinks ul a:hover {
  background: #F3F3F3;
}
#header .quicklinks ul a:active {
  background: #006CAD;
  color: #FFF;
}
#header .quicklinks .active > a {
  background-color: rgba(0, 0, 0, 0.4);
}
/* =2 Main Container
---------------------------------------------------------------------------------------------------------------------*/
#main-container {
  bottom: 0;
  left: 0;
  min-width: 1024px;
  overflow-x: visible;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 40px;
  /* Title */
  /* Topbar */
  /* Wrap */
}
#main-container h1.title {
  font-size: 24px;
  font-weight: 300;
  height: 28px;
  line-height: 28px;
  margin-bottom: 26px;
}
#main-container h1.title span.left {
  margin-right: 10px;
}
#main-container > .topbar,
#main-container > form > .topbar {
  background: #FFF;
  border-bottom: 1px solid #CCC;
  height: 30px;
  left: 0;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 40px;
  z-index: 999;
}
#main-container > .wrap,
#main-container > form > .wrap {
  bottom: 31px;
  left: 0;
  overflow: auto;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 40px;
}
#main-container > .wrap.with-topbar,
#main-container > form > .wrap.with-topbar {
  top: 111px;
}
#main-container .block {
  margin-bottom: 20px;
}
#main-container .block:last-child {
  margin-bottom: 0;
}
/* Topbar
----------------------------------------------------------*/
#main-container .topbar .title {
  float: left;
}
#main-container .topbar .name-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  display: block;
  background: #fff;
  padding: 0 10px;
}
#main-container .topbar .field {
  line-height: 36px;
}
#main-container .topbar .field.left {
  margin-left: 10px;
}
#main-container .topbar .field input[type="text"] {
  border: 1px solid #BABABA;
  float: left;
  font-size: 24px;
  margin-right: 10px;
}
#main-container .topbar .field-validation-error {
  line-height: 36px;
}
#main-container .topbar .view-switch {
  float: right;
  margin: 2px 20px 0 0;
}
#main-container .topbar .searchbox {
  float: right;
}
/* Common table
----------------------------------------------------------*/
.blank .common-table.fixed .thead {
  background: #FFF;
  left: 0;
  position: fixed;
  right: 0;
  top: 111px;
  z-index: 999;
}
.blank .common-table.fixed .tbody {
  margin: 51px -20px 0;
}
/* =3 Main
---------------------------------------------------------------------------------------------------------------------*/
#main {
  bottom: 31px;
  left: 200px;
  position: absolute;
  right: 0;
  top: 0;
  /* Topbar */
  /* Wrap */
}
#main .topbar {
  background: #FFF;
  border-bottom: 1px solid #EEE;
  height: 30px;
  padding: 20px;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
}
#main .topbar .searchbox {
  width: 200px;
}
#main > .wrap,
#main > form > .wrap {
  left: 0;
  position: absolute;
  right: 0;
  top: 71px;
  bottom: 0;
  overflow-x: visible;
  overflow-y: scroll;
  padding: 20px;
}
/* =4 Sidebar
---------------------------------------------------------------------------------------------------------------------*/
#sidebar {
  background: #F0F0F0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 200px;
  /* Topbar */
  /* Wrap */
}
#sidebar .topbar {
  background: #A8A8A8;
  height: 71px;
  overflow: visible;
}
#sidebar .wrap {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 71px;
}
#sidebar .compose-button {
  margin: 21px 31px 22px;
}
/* =5 Footer
---------------------------------------------------------------------------------------------------------------------*/
#footer {
  background: #FFF;
  border-top: 1px solid #CCC;
  bottom: 0;
  color: #666;
  height: 20px;
  left: 200px;
  min-width: 804px;
  padding: 5px 10px;
  position: absolute;
  right: 0;
}
.no-sidebar #footer {
  left: 0;
}
